jQuery Event.isPropagationStopped() 函数详解 - CodePlayer

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

3021 次浏览读完需要≈ 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：

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

内容目录

语法

返回值

示例&说明

0 条评论

撰写评论