JS事件冒泡
2014-04-04 00:00
218 查看
事件冒泡: 当一个元素上的事件被触发的时候,比如说鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡;这个事件从原始元素开始一直冒泡到DOM树的最上层。
可以用JS来阻止js事件冒泡。因为浏览器的差异IE和FF的JS写法有点不一样。
IE用cancelBubble=true来阻止而FF下需要用stopPropagation方法。
可以用JS来阻止js事件冒泡。因为浏览器的差异IE和FF的JS写法有点不一样。
IE用cancelBubble=true来阻止而FF下需要用stopPropagation方法。
<html> <script type="text/javascript"> function aaaclick(){ alert("td click"); } function bbbclick(evt){ alert("td click"); //用来判断浏览器 if (window.event) { //IE浏览器 event.cancelBubble = true; }else if (evt){ //FIREFOX浏览器 evt.stopPropagation(); } } function trclick(){ alert("tr click"); } function tableclick(){ alert("table click"); } </script> <table width="204" onclick="tableclick()" class="tab"> <tr > <td width="96"> </td> <td width="96"> </td> </tr> <tr onclick="trclick()"> <td onclick="aaaclick()">aaaa</td> <td onclick="bbbclick(event)">bbbbb</td> </tr> </table> </html>
相关文章推荐
- JS事件冒泡
- JS中的事件绑定,事件捕获,事件冒泡以及事件委托,兼容IE
- js 阻止冒泡事件
- js阻止事件冒泡
- JS的事件对象和事件冒泡
- Js 冒泡事件阻止
- js 事件的冒泡和委托
- js冒泡事件阻止
- [转载 js] YUI解决mouseout事件冒泡的办法
- js事件冒泡和事件捕获详细介绍
- Js阻止事件冒泡和document.onclick在IE浏览器上无效
- js事件处理模型——事件冒泡、捕获
- js 事件捕获和冒泡
- JS中的事件绑定,事件捕获,事件冒泡以及事件委托,兼容IE
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- js阻止事件冒泡和标签默认行为
- js阻止浏览器的默认行为以及停止事件冒泡
- JS如何防止事件冒泡
- js如何取消事件冒泡
- js 阻止事件冒泡和默认行为 preventDefault、stopPropagation、return false