事件冒泡

2016-11-24  本文已影响0人  5a4982b9b5fe

1.解决冒泡事件

[1].event.stopPropagation();

事件处理过程中,阻止了事件冒泡,但不会阻击默认行为(它就执行了超链接的跳转)

[2].return false;

事件处理过程中,阻止了事件冒泡,也阻止了默认行为(比如刚才它就没有执行超链接的跳转)

还有一种有冒泡有关的:

[3].event.preventDefault();

如果把它放在头部A标签的click事件中,点击“点击我”。

会发现它依次弹出:我是最里层---->我是中间层---->我是最外层,但最后却没有跳转到百度

它的作用是:事件处理过程中,不阻击事件冒泡,但阻击默认行为(它只执行所有弹框,却没有执行超链接跳转)

2.事件的委任冒泡事件的好处----借助一个元素完成很多工作 $(event.target).is('属性名'),还可以用.has()

is()指的是是否包含该标签,.hasClass()是指是否包含某个类

event.target检查鼠标指针的下方为什么元素

3.使用内置的事件委托功能

.on()

4.移除事件处理程序

使用.off()

[1]

[2].为事件处理程序添加命名的空间

[3]重新绑定

.on()

.one()

上一篇 下一篇

猜你喜欢

热点阅读