嵌套html元素中的onClick事件 [英] onClick events in nested html elements

问题描述

我有这样的结构:

<tr>
 <td onClick="doSomeStuff();">
  <a href="#" onClick="doOtherStuff(1);">1</a>
  <a href="#" onClick="doOtherStuff(2);">1</a>
 </td>
</tr>

我的问题是，无论我单击<a href>元素如何，总是执行doSomeStuff().

My problem is that doSomeStuff() always executes, no matter that I am clicking on a <a href> element.

我该如何解决?

推荐答案

如果使用的是纯JavaScript.试试这个

If you're using plain javascript. Try this

JS

function doOtherStuff(event,arg) {
        event.stopPropagation();
}

---

HTML

---

HTML

<tr>
     <td onClick="doSomeStuff();">
            <a href="#" onClick="doOtherStuff(event,1);">1</a>
            <a href="#" onClick="doOtherStuff(event,2);">1</a>
     </td>
</tr>

这篇关于嵌套html元素中的onClick事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！