zoukankan      html  css  js  c++  java
  • 阻止事件冒泡总结

    1、事件冒泡:

        在一个对象上触发某类事件(例如单击事件onclick事件),若果此对象定义了此事件的处理程序,那么就会调用这个处理程序;但是如果没有定义此事件的处理程序或者事件返回true,那么这个事件就会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它达到了对象层次的最顶层,即document对象(有的浏览器是window)。

    2、解决方法:

    (1) 在事件处理程序最后加上return flase;语句(只适用jQuery,原生js无效)

    它实际上做了3件事情:

    [javascript] view plain copy
    1. event.preventDefault();  
    2. event.stopPropagation();  
    3. 停止回调函数执行并立即返回。  

    (2) 不用return且兼容ie的原生写法(ie8及其以下)

    (ie6/7/8 只支持window.event不支持参数传入,火狐只支持参数传入,IE9/Opera/Safari/Chrome 两种方式都支持。。。)

    [javascript] view plain copy
    1. var e = event || window.event;  
    2.     if (e && e.stopPropagation) {  
    3.         e.stopPropagation();  
    4.     } else {  
    5.         e.cancelBubble = true;  
    6.     }  

    3、jQuery下,不用考虑兼容性问题。。。

    [javascript] view plain copy
    1. $("id").click(function(e) {  
    2.        e.stopPropagation();  
    3.    });  
  • 相关阅读:
    Win10开启自带虚拟机
    C# NPOI Word 内容读写
    纯自绘实现的winform下卡片列表
    一个宽带问题
    windows两个命令
    Windows IP 安全策略
    vue自学入门-9 @click后直接跟alert报错
    企业微信创建自建应用-2(手机端)
    企业微信创建自建应用-1(管理端)
    Ngnix实践
  • 原文地址:https://www.cnblogs.com/hoewang/p/10257242.html
Copyright © 2011-2022 走看看