您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

javascript的事件冒泡

发布时间：2016-12-25 20:49:49编辑：雪饮阅读（）

 js有如下使用场景:

对ul和li都使用了onclick的事件监听，而li被click时ul也会触发。这就是事件冒泡。

事件冒泡：由最内层向最外层冒泡。



对于ul和li同时执行click事件的问题可以通过对指定dom对象停止冒泡即可。

 

document.getElementsByTagName("input")[0].onclick=function(event){
var e=event || window.event; 
//e.stopPropagation();//停止事件冒泡
e.cancelBubble=true;//ie下阻止事件冒泡
alert("input");
}