事件冒泡之cancelBubble和stoppropagation的区别
2024-09-03 10:53:28
事实上stoppropagation和cancelBubble的作用是一样的,都是用来阻止浏览器默认的事件冒泡行为。
不同之处在于stoppropagation属于W3C标准,试用于Firefox等浏览器,但是不支持IE浏览器。相反cancelBubble不符合W3C标准,而且只支持IE浏览器。所以很多时候,我们都要结合起来用。不过,cancelBubble在新版本chrome,opera浏览器中已经支持。
语法:e.stopPropagation();
参数e:表示事件传递的参数,代表事件的状态。
- <html>
- <head>
- <title>冒泡测试</title>
- </head>
- <body onclick="alert('body');">
- <div onclick="clickBtn(event)" style="width:100px;height:100px; background:#666;">
- <input id="Button1" type="button" value="button" onclick="alert('btn');" />
- </div>
- <script language="javascript" type="text/javascript">
- function clickBtn(event)
- {
- event=event?event:window.event;
- event.stopPropagation();
- alert("OK");
- }
- </script>
- </body>
- </html>
最新文章
- RocketMQ原理解析-Consumer
- mysql安装流程
- Windows 操作小技巧 之一(持续更新)
- sleep()
- CameraFacingBillboard
- java中的拷贝(一)
- [原]Java修炼 之 基础篇(一)Java语言特性
- Configuring and troubleshooting a Schema Provider
- Bootstrap风格登录界面设计样例
- kotlin的方言(语法糖)
- VS的无用文件
- Github管理自己的代码-远程篇
- python学习笔记(五)、抽象
- xadmin后台页面的自定制(2)重写钩子函数版
- poi的cellstyle陷阱,样式覆盖
- 解决 MySQL 比如我要拉取一个消息表中用户id为1的前10条最新数据
- C#:时间日期操作(持续更新)
- SharedPreferences的基本使用-----存,删,改,查
- Hibernate入门步骤及概念
- 怎么用CIFilter给图片加上各种各样的滤镜_2
热门文章
- BZOJ_2369_区间_决策单调性
- MSD3393/MSD3463 屏参及REG对照表
- html格式
- WEB网站类型系统中使用的OFFICE控件-破解Ntko-Office
- Using MultiPath TCP to enhance home networks
- ASP.NET Core MVC 2.x 全面教程_汇总贴
- IT兄弟连 JavaWeb教程 Servlet会话跟踪 Cookie常用方法
- windows 自定义批处理BAT/CMD启动Redis等软件
- mybatis二级缓存
- Java并发编程,互斥同步和线程之间的协作