isImmediatePropagationStopped()方法在jQuery中用于检查此方法是否呼吁事件or不。如果它被调用, 它将是"true"要不然"false".
语法如下:
$(selector).isImmediatePropagationStopped()
参数:此方法仅接受一个参数作为选择器, 用于选择元素。
返回值:如果event.stopImmediatePropagation()被调用, 则此方法返回true;否则, 将返回false。
示例1:
<!DOCTYPE html>
< html >
< head >
< script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
</ script >
< style >
body {
width: 60%;
height: 40%;
padding: 20px;
border: 2px solid green;
}
div {
padding: 5px;
display: block;
background-color: lightgrey;
font-size: 20px;
}
</ style >
< script >
$(document).ready(function() {
$("div").click(function(event) {
event.stopImmediatePropagation();
alert(
"Was event.stopImmediatePropagation() called: "
+ event.isImmediatePropagationStopped());
});
});
</ script >
</ head >
< body >
< div >Welcome to lsbin..!</ div >
</ body >
</ html >
输出如下:
在单击div元素之前:
![jQuery | event.isImmediatePropagationStopped()方法1](https://www.lsbin.com/wp-content/uploads/2021/03/isimm.png)
单击div元素后:
![jQuery | event.isImmediatePropagationStopped()方法2](https://www.lsbin.com/wp-content/uploads/2021/03/output10.png)
示例2:
<!DOCTYPE html>
< html >
< head >
< script src =
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
</ script >
< style >
body {
width: 60%;
height: 40%;
padding: 20px;
border: 2px solid green;
}
div {
padding: 5px;
display: block;
background-color: lightgrey;
font-size: 20px;
}
</ style >
< script >
$(document).ready(function() {
$("div").click(function(event) {
alert(
"Value of event.stopImmediatePropagation() called: "
+ event.isImmediatePropagationStopped());
});
});
</ script >
</ head >
< body >
< div >Welcome to lsbin..!</ div >
</ body >
</ html >
输出如下:
在点击" div"元素之前:
![jQuery | event.isImmediatePropagationStopped()方法3](https://www.lsbin.com/wp-content/uploads/2021/03/isimm-1.png)
单击" div"元素后:
![jQuery | event.isImmediatePropagationStopped()方法4](https://www.lsbin.com/wp-content/uploads/2021/03/output9.png)