event.stopPropagation()
来源:互联网 发布:mplayerx mac 下载 编辑:程序博客网 时间:2024/05/20 11:19
使用stopPropagation()
函数可以阻止当前事件向祖辈元素的冒泡传递,也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。
<div> <p>段落文本内容 <input type="button" value="点击" /> </p></div>
// 为所有div元素绑定click事件$("div").click( function(event){ alert("div-click");} );//为所有p元素绑定click事件$("p").click( function(event){ alert("p-click");} );//为所有button元素绑定click事件$(":button").click( function(event){ alert("button-click"); // 阻止事件冒泡到DOM树上 event.stopPropagation(); // 只执行button的click,如果注释掉该行,将执行button、p和div的click } );注意,
live()
函数无法阻止事件的冒泡传递,相应的jQuery示例代码如下(仍参照上面的HTML代码)。点击按钮,p-click、div-click、button-click都会执行// 为所有div元素的click事件绑定处理函数$("div").click( function(event){ alert("div-click");} );// 为所有p元素的click事件绑定处理函数$("p").click( function(event){ alert("p-click");} );// 为div元素内的所有button元素的click事件绑定处理函数$("div").live("click", ":button", function(event){ alert("button-click"); event.stopPropagation();} );// 点击按钮,所有事件处理函数都会执行// 因为live()函数先直接冒泡到document,然后再来触发事件,因此它无法阻止事件冒泡(执行函数时都已经冒泡完毕,当然无法阻止)
0 0
- event.stopPropagation()
- event.stopPropagation()
- event.stopPropagation()
- event.cancelBubble与event.stopPropagation()
- event.cancelBubble与event.stopPropagation()
- event.stopPropagation() 和event.stopImmediatePropagation()
- event.stopPropagation() 和event.stopImmediat
- event.cancelBubble与event.stopPropagation()
- js event preventDefault 与 stopPropagation
- [jQuery]event.stopPropagation()报错
- jQuery Event.stopPropagation() 函数详解
- jQuery Event.stopPropagation() 函数详解
- jQuery Event.stopPropagation() 函数详解
- event.stopPropagation()方法的使用
- Event preventDefault()与stopPropagation()区别
- event中的stopPropagation和preventDefault
- 阻止事件冒泡event.stopPropagation()
- 【转】event.cancelBubble与event.stopPropagation()
- 改变UITableViewCell按下去的颜色
- 会场安排问题
- Android开发的技术层次
- 数据为空 崩溃!!
- RNN学习笔记
- event.stopPropagation()
- ListView去除分割线的问题
- 根据指定的多个后缀名获得指定文件下的所有文件
- Java OJ小试手
- DB2彻底删除表
- 最优服务次序问题
- Python基本语法_集合set/frozenset_内建方法详解
- post
- pox控制器学习总结