Question

下面的简化HTML代码包括2个嵌套点击事件（href和输入）。当用户点击输入字段时，也会触发链接到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

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

1 个答案: