js防止事件冒泡

不同浏览器的事件对象：

window.event(其中window可以省略不写)代表着事件对象的状态。只有在事件发生时生效。如鼠标、键盘等事件被触发时这个
对象才存在。window.event这只在IE下是这样的，也就是说其他浏览器并不支持。window.event的某些属性只对特定的事件
有意义。如下例子：

function et()
{ 
    alert(event);//chome、IE: [object]； 火狐：undefined； 
}

兼容不同浏览器的事件冒泡有以下两种方式：

方式1(传事件参数)：

<a href="javascript:aa(even)">防止冒泡</a>

<script>
    function aa(e){
         var e=e||window.event;
         e.stopPropagation();//阻止事件的传播(包括捕获也包括冒泡)
    }
</script>

方式2(不传事件参数)：参考

<a href="javascript:aa()">防止冒泡</a>

<script>
    function aa(){
        var e=arguments.callee.caller.arguments[0] || window.event; // 兼容火狐
        e.stopPropagation(); //防止事件冒泡
    }
</script>

不同浏览器的事件对象：

兼容不同浏览器的事件冒泡有以下两种方式：

猜你喜欢