Onclick事件冒泡

Question

有人能帮我在点击事件时停止气泡效应吗？

我拿到了这个：

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

现在，当我单击span时，我不希望函数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-专用)。

通过使用一个像样的JavaScript/DOM库(如jQuery、YUI、闭包或其他几种之一 )，可以使许多这些东西变得更简单。这些平滑的浏览器差异等。