事件冒泡
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()
