js阻止默认行为和阻止冒泡

叁歲伎倆 2022-05-15 01:05 269阅读 0赞

//阻止默认行为
    // JavaScript
    document.getElementById('btn').addEventListener('click', function ( event ) {
        event = event || window.event;
        if ( event.preventDefault ) {
            // W3C
            event.preventDefault();
        }
        else {
            // IE
            event.returnValue = false;
        }
    }, false);
    
    // jQuery
    $('#btn').on('click', function ( event ) {
        event.preventDefault();
    });

//阻止冒泡

// JavaScript
    document.getElementById('btn').addEventListener('click', function ( event ) {
        event = event || window.event;
        if ( event.stopPropagation ) {
            // W3C
            event.stopPropagation();
        }
        else {
            // IE
            event.cancelBubble = true;
        }
    }, false);
    
    // jQuery
    $('#btn').on('click', function ( event ) {
        event.stopPropagation();
    });

--------------------

![20191229112121499.png][]

想要整理更多的碎片知识，扫码关注下面的公众号，让我们在哪里接着唠！

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70][]

[20191229112121499.png]: /images/20220515/9f17338e0ba04424845be1e6353e0aff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h1ZWh1ODM3NzY5NDc0_size_16_color_FFFFFF_t_70]: /images/20220515/9bcb47d438ba4073a9a2b4a16701f59c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，269人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS阻止默认行为和Vue阻止默认行为

目录 JS阻止默认行为： Vue阻止默认行为： -------------------- 以下是JS阻止默认行为： <!DOCTYPE html>

朱雀/ 2024年04月07日 15:22/ 0 赞/ 32 阅读

相关 JavaScript阻止冒泡和取消默认事件(默认行为)

![a91fe149db20d9b2b7ddc1e157a4fd2e.png][] JavaScript冒泡和捕获是事件的两种行为，使用event.stopPropagati

约定不等于承诺〃/ 2022年08月28日 04:42/ 0 赞/ 201 阅读

相关 javascript阻止冒泡和默认事件（默认行为）

阻止冒泡。冒泡简单的举例来说，儿子知道了一个秘密消息，它告诉了爸爸，爸爸知道了又告诉了爷爷，一级级传递从而引起事件的混乱，而阻止冒泡就是不让儿子告诉爸爸，爸爸自然不会告诉爷爷了

小灰灰/ 2022年07月16日 08:56/ 0 赞/ 227 阅读

相关 javascript-阻止事件冒泡和事件默认行为

1.事件冒泡（1-1）冒泡是什么？事件冒泡就像热水沸腾时产生汽泡往上升的情形一样(往上传递的过程),事件冒泡出现的情况:假设一个html结构中两个标签存在父子层级

旧城等待，/ 2022年06月12日 03:57/ 0 赞/ 253 阅读

相关 JavaScript停止冒泡和阻止浏览器默认行为

1.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向document上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一

小鱼儿/ 2022年06月10日 08:09/ 0 赞/ 303 阅读

相关 js中阻止事件冒泡与阻止事件默认行为

一、冒泡事件我们都知道冒泡就像水底气泡浮到水面这一过程。冒泡事件即是事件从最底层逐个经过上面一级级事件的过程，就是冒泡事件。那么如何有效的阻止冒泡事件的发生？其实在非I

雨点打透心脏的1/2处/ 2022年05月30日 06:13/ 0 赞/ 287 阅读

相关 js阻止默认行为和阻止冒泡

//阻止默认行为 // JavaScript document.getElementById('btn').addEventListener('clic

叁歲伎倆/ 2022年05月15日 01:05/ 0 赞/ 270 阅读

相关 JS阻止事件冒泡以及浏览器默认行为

e的兼容 -------------------- function fn(e){ var event = e || window.event;

谁践踏了优雅/ 2022年04月23日 20:28/ 0 赞/ 250 阅读

相关 JS阻止事件冒泡和默认行为

1、首先对事件冒泡和默认行为以及要用到的事件对象event有个认识对事件冒泡的理解是当触发一个子元素的事件时，同时它的父元素的事件也会依次被触发。即事件从最低层元素依

绝地灬酷狼/ 2022年01月23日 05:41/ 0 赞/ 324 阅读

相关 vue.js事件修饰符(阻止冒泡默认行为)

事件处理函数只有纯粹的逻辑判断，不处理DOM实践的细节，例如：阻止冒泡，默认行为，判断按键。 vue修饰符是指在触发事件或按键时额外的触发条件或回调。比如点击事件只允许触发一

╰+攻爆jí腚メ/ 2021年09月15日 10:52/ 0 赞/ 382 阅读