阻止冒泡事件即子元素父元素间的事件继承或传递
来源:互联网 发布:淘宝美工用什么笔记本 编辑:程序博客网 时间:2024/05/21 08:17
<div id=1 onclick="a()">
</div>
#1包括#2,当点击#1区域任何位置时(包括#2),都会触发a事件。想要阻止点击#2区域时触发a事件,需要在#2区域内加入阻止事件冒泡的代码。
变成
<div id=1 onclick="a()"> <div id=2 onclick="stopBubble(this.id)"> </div>
if (e && e.stopPropagation) {//非IE浏览器 e.stopPropagation(); } else {//IE浏览器 window.event.cancelBubble = true; } }
</div>
其中javascript代码为(以下代码没有区别中英文字符,不能直接复制):
function a(){
//这里是a事件的代码}
function stopBubble(e) {
0 0
- 阻止冒泡事件即子元素父元素间的事件继承或传递
- 阻止子元素继承父元素事件
- 阻止子元素继承父元素事件
- 阻止子元素触父元素事件,阻止冒泡
- 父级元素触发子元素的 click 事件,阻止子元素事件冒泡
- jQuery如何阻止子元素继承父元素事件?
- 事件冒泡。阻止事件冒泡 |阻止元素的默认行为
- 阻止默认行为:比如a链接的跳转。阻止冒泡:子元素的事件触发到了父元素身上
- js 阻止子元素响应父元素的onmouseout事件
- 【js】js阻止元素事件的冒泡
- [置顶] 阻止checkbox的父元素事件冒泡
- 阻止子元素的点击事件
- 父元素與子元素的冒泡事件
- jquery阻止子元素触发父级事件的传播
- 去掉子元素继承于父元素的事件
- 关于解决子元素继承父元素事件的问题
- js 阻止元素(文档)默认事件,阻止冒泡事件
- 阻止点击事件冒泡,不让父级元素的点击事件响应
- Linux文件和目录操作命令
- gulp教程之 jshint
- css图形库的引用
- 车牌识别遇到的问题
- echarts的x轴y轴的颜色改变
- 阻止冒泡事件即子元素父元素间的事件继承或传递
- 1.2 groovy 语法 2
- JAVA WebService
- 安徽大学大一高数第六章答案更新
- HTML5+JS+CSS3前端积累(一)
- 关于Ajax跨域问题之CORS
- 第16条:复合优先于继承
- Ubuntu 14.04 Samba文件服务器安装与配置
- ()