javascript - Onclick事件冒泡

Question

这个问题已经有答案了:

How to stop event propagation with inline onclick attribute? (16 个回答)

已关闭 9 年前。

有人可以帮我阻止 onclick 事件上的气泡效果吗？

我得到了这个:

<script language="javascript">
  function1(){
    alert('test');
  }
  function2(){
    alert('test');
  }
</script>
<div onclick="function1()">
  <span onclick="function2()">test</span>
  blablablabla
</div>

现在，当我单击跨度时，我不希望启动功能 1，而只启动功能 2。如何做到这一点？我是否必须编辑该函数，或者添加一些更多的全局 java？

Answer 1

将 function2 的附件更改为如下所示:

<span onclick="function2(event)">

然后，在函数内:

function function2(e) {
    if (e.stopPropagation) {
        e.stopPropagation();
    }
    else {
        e.cancelBubble = true;
    }
 }

我们在那里做什么:

1. 赋予事件对象的函数可见性(通过从 onclick 传入事件对象。
2. 通过使用 stopPropagation(DOM 标准)或 cancelBubble(特定于 IE)告诉它不要冒泡

<小时/>

通过使用像 jQuery 这样的像样的 JavaScript/DOM 库，很多东西都可以变得更简单。 , YUI , Closure ，或any of several others 。这些平滑浏览器差异等。