javascript - 嵌套的点击事件不能按要求工作

Question

下面的简化 HTML 代码包括 2 个嵌套的点击事件（href 和 input）。当用户点击输入字段时，链接到 href 的 javascript 函数 SelectTable() 也会被触发，这不是目的。如何避免这种情况？

提前谢谢你的帮助。

编码：

<a href="javascript:SelectTable();">
<table  id="tableproduct1" class="notselectedElement">
     <tr> 
        <td> Number of elements: <input type="text" name="nrofelements"> </td> 
     </tr>
</table>
</a>

Answer 1

尝试使用eventListener.

根据您发布的代码，我可以给您一个示例。

var aTag = document.getElementsByTagName("a");
aTag .addEventListener("click", aTagFn, false);
var iTag = document.getElementsByTagName("input");
iTag.addEventListener("click", inputTagFn, false);

---

更新：

我创建了一个类似的jsfiddle1，你面临的问题，

使用一个简单的 bool 变量，我创建了一个解决方法。

isclicked = true;

function a() {
    if (isclicked) {
        alert("a tag is clicked");
    }
    isclicked = true;
}

function b() {
    alert("input tag is clicked");
    isclicked = false;
}

检查这个JSFiddle2