jquery怎么阻止新添加的元素的事件冒泡

在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一：

if (event.stopPropagation) {

// this code is for Mozilla and Opera

event.stopPropagation()

}

else if (window.event) {

// this code is for IE

window.event.cancelBubble = true

}

-

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery，编写问题基础代码。

2、index.html中，将<script>标签中的orange的点击事件中，修改jquery代码为：

$("#green").click()e.stopPropagation()

3、浏览器运行index.html页面，此时点击橘色方块发现成功禁止了其它子元素的点击事件，只d出了“green click”。

---