javascript - javascript 或 jquery 选择元素中的错误

Question

查询：

$("#div td").live("click", function(){

alert("Hellow");

});

Javascript：

function alertH(){

alert("Hellow");

}

HTML jQuery：

<div>

<td>

<a>X</a>

<span> HI! </span>

</td>

</div>

点击 td 并运行 jQuery 函数，但前提是你点击 td 而不是里面的其他标签，就像在 jquery 中一样？

HTML javascript:

<div>

<td onClick="alertH()">

<span> Hummm </span>

<a> Delete </a>

</td>
</div>

在javascript中怎么做，只有直接点击td而不是里面的其他html标签才会运行

仅当您单击 div 功能而不是在 div 内的其他标签中时才执行此功能。上面的两种方法怎么做？

Answer 1

一种方法是在您不想调用函数的每个元素上添加代码

onClick="event.cancelBubble = true;"

另一种方法是签入调用的回调以查看那里的目标。

<div onClick="test()" id="run">
Click Works<br>
<label>Not Work</label>
</div>

function test(){
    if (event.target.id !== "run") return false;
    alert(event.target);
}