IE的事件传递-event.cancelBubble示例介绍
2014-01-12 00:00
162 查看
关于event.cancelBubble,由于HTML中的对象都是层次结构,比如一个Table包含了多个TR,一个TR包含了多个TD
Bubble就是一个事件可以从子节点向父节点传递,比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件,但是如果你event.cancelBubble,则就不能上传事件。
例子:
event.cancelBubble阻止事件冒泡,event.cancelBubble=true;
取消事件冒泡,在 IE 的事件机制中,触发事件会从子元素向父元素逐级上传,就是说,如果子元素触发了单击事件,那么也会触发父元素的单击事件;event.cancelBubble=true;可以停止事件继续上传补充一点,Ie的事件传递是从下到上的:
Bubble就是一个事件可以从子节点向父节点传递,比如鼠标点击了一个TD,当前的event.srcElement就是这个TD,但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件,但是如果你event.cancelBubble,则就不能上传事件。
例子:
<html> <body> <table border="1" width="26%" id="tableA" onclick="alert('tableA')"> <tr onclick="tableA_rowA_click()"> <td width="106">一般</td> </tr> <tr onclick="tableA_rowB_click()"> <td width="106">阻止消息上传</td> </tr> </table> <p> </p> </body> </html> <!-- --> <script language="javascript"> <!-- function tableA_rowA_click(){ alert('tableA_rowA'); } function tableA_rowB_click(){ alert('tableA_rowB'); event.cancelBubble=true; } //--> </script>
event.cancelBubble阻止事件冒泡,event.cancelBubble=true;
取消事件冒泡,在 IE 的事件机制中,触发事件会从子元素向父元素逐级上传,就是说,如果子元素触发了单击事件,那么也会触发父元素的单击事件;event.cancelBubble=true;可以停止事件继续上传补充一点,Ie的事件传递是从下到上的:
相关文章推荐
- IE的事件传递-event.cancelBubble
- IE和Google浏览器事件传递参数不同
- [Android高级进阶] - 触摸事件的传递机制
- EventBus当前页面传递事件,Rxjava和Retrofit连用
- 点击事件传递规律
- jquery 事件代理中的 取消冒泡传递
- vs2005默认浏览器(IE)灵异事件
- addEventListener事件监听传递参数
- .js 兼容 FireFox 和 IE 键盘事件
- QT事件传递与事件过滤器
- Android中级:事件传递机制
- Webkit中HTML5 Video的实现分析(五) - WebKit中视频事件的传递
- iOS 响应者链,事件的传递
- 点击TextView透传原因剖析--Android事件传递机制探究
- Android 中Touch(触屏)事件传递机制
- iOS事件传递及响应者关系链
- iOS事件传递与响应者链
- js中onclick事件里面传递参数
- Knockout 事件传递参数的方法