jQuery Event.isPropagationStopped() 函数详解
2015-08-24 17:49
906 查看
isPropagationStopped()函数用于判断是否已经调用过event.stopPropagation()函数。
event.stopPropagation()用于阻止当前事件在DOM树上冒泡。
该函数属于jQuery的Event对象。
语法
jQuery 1.3 新增该函数。eventObject.isPropagationStopped( )
返回值
isPropagationStopped()函数的返回值为Boolean类型,以指示是否阻止了当前事件在DOM树上冒泡。如果是,则返回
true,否则返回
false。
示例&说明
请参考下面这段HTML代码:<div> <p> <input type="button" value="点击" /> </p> </div>
与
event.isPropagationStopped()函数相关的jQuery示例代码如下:
// 为所有div元素绑定click事件 $("div").click( function(event){ alert("div-click"); } ); //为所有p元素绑定click事件 $("p").click( function(event){ alert("p-click"); } ); //为所有input:button元素绑定click事件 $(":button").click( function(event){ alert( event.isPropagationStopped() ); // false event.stopPropagation(); // 阻止事件冒泡到DOM树上,不会触发p和div的click alert( event.isPropagationStopped() ); // true } );
运行代码
http://www.365mini.com/page/jquery-event-ispropagationstopped.htm
相关文章推荐
- jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
- jQuery Event.stopPropagation() 函数详解
- jQuery Event.isDefaultPrevented() 函数详解
- jQuery Event.preventDefault() 函数详解
- 基于jQuery实现在线选座之高铁版
- jQuery实现TAB风格的全国省份城市滑动切换效果代码
- jquery中html、text、val的区别
- JQUERY UI Datepicker Demo
- JQuery 筛选器
- jquery实现像栅栏一样左右滑出式二级菜单效果代码
- jQuery的deferred对象
- jquery--jQuery插件【capacityFixed-类似于新浪微博新消息提示的定位框的实例页面】
- Jquery .ajax方法分析(一)
- Jquery Ajax WebService
- jQuery CSS3 照片墙
- jQuery实现的fixedMenu下拉菜单效果代码
- 基于jquery实现在线选座订座之影院篇
- jquery地址栏链接与a标签链接匹配之特效代码总结
- 【锋利的jQuery】学习笔记04
- jquery实现鼠标滑过显示二级下拉菜单效果