你的位置:首页 > 软件开发 > Java > 浅谈JS事件冒泡

浅谈JS事件冒泡

发布时间:2016-06-16 11:00:03
今天要跟大家谈的是事件冒泡,这个事件呢,也是两面性的,有时候给我们带来bug,有时候优点也很明显。我们就一起来看看它的真面目。 首先看看事件冒泡是什么? 事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是 ...

浅谈JS事件冒泡

       今天要跟大家谈的是事件冒泡,这个事件呢,也是两面性的,有时候给我们带来bug,有时候优点也很明显。我们就一起来看看它的真面目。

 首先看看事件冒泡是什么?

 事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什么表现 但事件确实传递了。)

只看这句话,或许不是那么好理解,下面来看个栗子:

var div1 = document.getElementById("div1");var div2 = document.getElementById("div2");  div2.onclick = function(){alert(1);};  div1.onclick = function(){alert(2);};//父亲//html代码 <div id="div1">  <div id="div2"></div> </div>
div1.onclick = function(){alert(2);}; // 父亲
//html代码 <div id="div1"> <div id="div2"></div> </div>

原标题:浅谈JS事件冒泡

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。