您的浏览器过于古老 & 陈旧。为了更好的访问体验, 请 升级你的浏览器
Ready 发布于2014年09月03日 12:29

原创 jQuery Event.isPropagationStopped() 函数详解

2553 次浏览 读完需要≈ 4 分钟

内容目录

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
} );

运行代码

  • CodePlayer技术交流群1
  • CodePlayer技术交流群2

0 条评论

撰写评论

打开导航菜单