博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript阻止事件冒泡
阅读量:5149 次
发布时间:2019-06-13

本文共 448 字,大约阅读时间需要 1 分钟。

今天在自学敲代码的时候发现了一个问题,当时的例子如下:

    
Title

 

在我点击 btn 之后,会触发div上的点击事件,就会看到2个提醒框。

这个原因就是因为事件冒泡造成的,修改代码

function fn2(e){        //这里做浏览器兼容,如果提供了event 就说明他不是IE        if(e &&  e.stopPropagation){            e.stopPropagation();        }else {            //IE方式处理事件冒泡            window.event.cancelBubble = true;        }        alert("this is btn");    }

这样就阻止了事件冒泡。

 

转载于:https://www.cnblogs.com/laobeiV5/p/5106640.html

你可能感兴趣的文章
《SEO实战密码》读后一点感受
查看>>
bzoj 4815 [Cqoi2017]小Q的表格——反演+分块
查看>>
Swift 入门之简单语法(六)
查看>>
shim和polyfill有什么区别
查看>>
Failed to load the JNI shared library “E:/2000/Java/JDK6/bin/..jre/bin/client/jvm.dll
查看>>
〖Python〗-- IO多路复用
查看>>
栈(括号匹配)
查看>>
Java学习 · 初识 面向对象深入一
查看>>
源代码如何管理
查看>>
vue怎么将一个组件引入另一个组件?
查看>>
bzoj1040: [ZJOI2008]骑士
查看>>
LeetCode 74. Search a 2D Matrix(搜索二维矩阵)
查看>>
利用SignalR来同步更新Winfrom
查看>>
反射机制
查看>>
CocoaPod
查看>>
css3实现漂亮的按钮链接
查看>>
BZOJ 1251: 序列终结者 [splay]
查看>>
初识DetNet:确定性网络的前世今生
查看>>
5G边缘网络虚拟化的利器:vCPE和SD-WAN
查看>>
MATLAB基础入门笔记
查看>>