阻止事件冒泡，阻止浏览器默认事件

一个懒人qaq

于 2018-12-24 22:19:48 发布

阅读量234

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qaqLjj/article/details/85239985

本文介绍了两种JavaScript事件处理技巧：停止事件冒泡和阻止事件默认行为。通过实现特定函数，可以有效地控制DOM事件的传播和默认动作的执行，这对于复杂的网页交互设计至关重要。

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

功能:停止事件冒泡

function stopBubble(e) {

    // 如果提供了事件对象，则这是一个非IE浏览器

    if ( e && e.stopPropagation ) {

        // 因此它支持W3C的stopPropagation()方法 

        e.stopPropagation();

    } else { 

        // 否则，我们需要使用IE的方式来取消事件冒泡

        window.event.cancelBubble = true;

    }

}

功能：阻止事件默认行为

function stopDefault( e ) {

     // 阻止默认浏览器动作(W3C)

     if ( e && e.preventDefault ) {

         e.preventDefault();

     } else {

        // IE中阻止函数器默认动作的方式

        window.event.returnValue = false;

    }

    return false;

}