js /jquery停止事件冒泡和阻止浏览器默认事件

最新推荐文章于 2025-08-07 14:42:17 发布

转载最新推荐文章于 2025-08-07 14:42:17 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhangao/p/10153880.html

文章标签：

#javascript #ViewUI

本文详细介绍了在JavaScript中如何阻止事件冒泡和默认事件的行为，包括原生JS和jQuery的方法。通过具体的代码示例，展示了不同浏览器环境下（如IE和其他非IE浏览器）如何实现这些功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 var el = window.document.getElementById("a");
    el.onclick = function (e) {
        //如果提供了事件对象，则这是一个非IE浏览器
        if (e && e.stopPropagation) {
            //因此它支持W3C的stopPropagation()方法
            e.stopPropagation();
        }
        else {
            //否则，我们需要使用IE的方式来取消事件冒泡 
            window.event.cancelBubble = true;
            return false;
        }
    }



2>js阻止默认事件

 var el = window.document.getElementById("a");
    el.onclick = function (e) {
        //如果提供了事件对象，则这是一个非IE浏览器
        if (e && e.preventDefault) {
            //阻止默认浏览器动作(W3C) 
            e.preventDefault();
        }
        else {
            //IE中阻止函数器默认动作的方式 
            window.event.returnValue = false;
            return false;
        }
    }


 3>jQeury阻止默认和冒泡事件

阻止冒泡事件

            $("a").click(function (e) {
                e.stopPropagation();
            });

阻止默认事件

            $("a").click(function (e) {
                e.preventDefault();
            });

阻止默认和冒泡事件

            $("a").click(function (e) {
                return false;
            });

转载于:https://www.cnblogs.com/zhangao/p/10153880.html