JS: 阻止事件冒泡与默认行为

前言

事件: 在触发DOM上某个事件时,会产生一个事件对象event,这个对象包含着所有事件有关的信息(导致事件的元素、事件的类型、与特定事件相关的信息)。

事件冒泡:事件开始时由最具体的元素(文档中嵌套最深的那个元素)接收,然后逐级向上传播到较不为具体的节点。

默认行为: 网页元素,都有自己的默认行为,例如,点击超链接跳转、表单提交、鼠标右键...

事件触发后,先冒泡,后执行默认行为。

开始

阻止事件冒泡:event.stopPropagation();

阻止默认行为:event.preventDefault();

阻止事件冒泡且阻止默认行为:return false;

总结

传统页面的开发中,在js中阻止事件冒泡是很常见的。保持事件的最小影响单元,确保各元素的独立性。阻止默认行为,有时候为了对数据或者用户操作做一些处理。

如果你有什么疑问或想法,欢迎留言评论,或者扫描下方二维码,与我取得联系~

猜你喜欢

转载自blog.csdn.net/weixin_39015132/article/details/81196836