JavaScript 阻止冒泡和捕获

迈不过友情╰ 2022-02-17 05:16 194阅读 0赞

*  防止冒泡和捕获： W3C的方法是e.stopPropagation()， IE的方法是：e.cancelBubble = true。
 *  取消默认事件：W3C的方法是e.preventDefault()，IE的方法是e.returnValue = false。  
    JavaScript的return false：只会阻止默认行为，不会停止冒泡。
    
        var a = document.getElementById("testB");
        a.onclick = function(){
         	return false;
        };
 *  JQuery中return false：既停止冒泡又阻止默认行为。

$("#testC").on('click',function(){
        	return false;
        })

**总结使用方法**

*  1.当需要停止冒泡行为时，可以使用：

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

```
    // 或者可以更加简洁
    function stopBubble() {
    	window.event? window.event.cancelBubble = true : e.stopPropagation();
    }
    ```

*  2.当需要阻止默认行为时：
    
        function stopDefault(e) {
        //阻止默认浏览器行为（w3c）
            if(e && e.preventDefault) {
                e.preventDefault();
            }else {
                window.event.returnValue = false; //IE中阻止浏览器默认动作的方式
            } 
            return false;
        }

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript（DOM）事件流--事件捕获、事件冒泡、阻止事件冒泡

DOM事件流事件流描述的是从页面中接收事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。 DOM事件流分为3个阶段：捕获阶段

阳光穿透心脏的1/2处/ 2022年12月23日 15:23/ 0 赞/ 314 阅读

相关浏览器事件冒泡、捕获、阻止

一、冒泡型事件流 1. 事件冒泡 > 事件会从 `target` (事件源)开始触发，然后逐级向上层元素传递，直到 `window` 结点 2. 挂

电玩女神/ 2022年11月21日 11:42/ 0 赞/ 211 阅读

相关 javaScript事件捕获和冒泡

事件是先捕获，后冒泡。从最外层向内逐层捕获直到目标（target），再逐层向上冒泡直到<html>标签。所有事件处理程序都会忽略捕获阶段，而在事件冒泡阶段触发事

系统管理员/ 2022年08月23日 00:37/ 0 赞/ 232 阅读

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

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

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

相关 javaScript捕获，冒泡

DOM事件流存在三个阶段：捕获阶段，处于目标阶段，事件冒泡阶段。处理事件顺序：捕获–>>目标–>冒泡来看下面的示例理解什么是捕获阶段，目标阶段，冒泡阶段。

一时失言乱红尘/ 2022年06月15日 03:26/ 0 赞/ 176 阅读

相关 JavaScript中事件捕获和事件冒泡以及如何阻止冒泡事件和默认事件

首先，先介绍一下事件冒泡和事件捕获。浏览器中对事件的处理机制默认为事件冒泡，例如 <div id='div1'> <div id='div2'>

叁歲伎倆/ 2022年06月10日 13:53/ 0 赞/ 467 阅读

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

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

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

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

事件兼容 function myfn(e){ var evt = e ? e:window.event; } js停止冒泡 function myfn(e

左手的ㄟ右手/ 2022年06月06日 07:19/ 0 赞/ 182 阅读

相关 JavaScript 阻止冒泡和捕获

防止冒泡和捕获： W3C的方法是e.stopPropagation()， IE的方法是：e.cancelBubble = true。取消默认事件：W3C的方法是e

迈不过友情╰/ 2022年02月17日 05:16/ 0 赞/ 195 阅读

相关 JavaScript捕获和冒泡

先看一个单击事件案例： <style> .nav{ width:200px; height:2

小咪咪/ 2021年09月14日 02:18/ 0 赞/ 280 阅读