事件冒泡

事件冒泡_第1张图片事件冒泡_第2张图片事件冒泡_第3张图片

假设body、div、span均绑定了click事件,当点击span时,会输出3条记录,

span点击事件产生的——>div点击事件产生的——>body点击事件产生的。

解决方法:

1、创建事件对象,只需要为函数添加一个event参数

$().bind("click",function(event){...........});

2、停止事件冒泡

event.stopPropagation();

3、阻止默认行为

event.preventDefault();

4、也可以通过使用return  false;来实现上述效果





4-4-2





外层div元素 内层span元素 外层div元素

5、参考《锋利的jQuery(第2版)》

你可能感兴趣的:(jQuery学习笔记)