相关文章:

jQuery Event.stopPropagation() 函数详解

代码类型:

杂项:

  • 启用CSS/JS语法检查
  • 监测脚本运行错误
  • 禁止库文件重复

文档类型:

JS库文件:

手动添加:

  1. jQuery 1.11.1
 
1
<div>
2
    <p>段落文本内容
3
        <input type="button" value="点击" />
4
    </p>
5
</div>
xxxxxxxxxx
19
 
1
// 为所有div元素的click事件绑定处理函数
2
$("div").click( function(event){
3
    alert("div-click");
4
} );
5
​
6
// 为所有p元素的click事件绑定处理函数
7
$("p").click( function(event){
8
    alert("p-click");
9
} );
10
​
11
// 为div元素内的所有button元素的click事件绑定处理函数
12
$("div").live("click", ":button", function(event){
13
    alert("button-click");
14
    event.stopPropagation();
15
} );
16
​
17
​
18
// 点击按钮，所有事件处理函数都会执行
19
// 因为live()函数先直接冒泡到document，然后再来触发事件，因此它无法阻止事件冒泡(执行函数时都已经冒泡完毕，当然无法阻止)
​x
 
1
​