您的位置:首页 > Web前端 > JQuery

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: