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

前言

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

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

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

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

开始

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

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

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

总结

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

 

嘘寒问暖 不如打笔巨款~