JavaScript中处理时间冒泡的方法（兼容高低级浏览器）

最新推荐文章于 2023-01-10 18:15:21 发布

尚志强

最新推荐文章于 2023-01-10 18:15:21 发布

阅读量176

点赞数

分类专栏： JavaScript 前端文章标签： JavaScript 前端

本文链接：https://blog.csdn.net/weixin_43880453/article/details/85480688

版权

JavaScript 同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

前端

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>事件冒泡处理</title>
    </head>
    <style>
        body{
            background-color:red;
        }
        div{
            width:300px;
            height:300px;
            background:aqua;
        }
    </style>
    <body onclick="bottomPevel();">
        <div onclick="topPevel();"></div>
    </body>
    <script>
        //事件冒泡：一次触发了两次不同的事件
        //点击事件：onclick
        //取消事件冒泡：ev.cancelBubble=ture
        function bottomPevel(e){
            alert('底层事件')
        }
        function topPevel(e){
            //取消事件冒泡，阻止事件往下传
            var ev = e || event//兼容性设置
            ev.cancelBubble=true
            alert('上层事件')
        }
    </script>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

尚志强

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中处理时间冒泡的方法（兼容高低级浏览器）

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;事件冒泡处理&lt;/title&gt; &lt;/head&gt; &lt;style&gt; body
复制链接

扫一扫