js事件之event.preventDefault()与event.stopPropagation()用法区别

时间 2019-11-06

标签事件 event.preventdefault event preventdefault event.stoppropagation stoppropagation 用法区别栏目 JavaScript 繁體版

原文原文链接

event.preventDefault()用法介绍浏览器

该方法将通知 Web 浏览器不要执行与事件关联的默认动做（若是存在这样的动做）。例如，若是 type 属性是 "submit"，在事件传播的任意阶段能够调用任意的事件句柄，经过调用该方法，能够阻止提交表单。注意，若是 Event 对象的 cancelable 属性是 fasle，那么就没有默认动做，或者不能阻止默认动做。不管哪一种状况，调用该方法都没有做用。对象

该方法将通知 Web 浏览器不要执行与事件关联的默认动做（若是存在这样的动做）。事件

例如，若是 type 属性是 "submit"，在事件传播的任意阶段能够调用任意的事件句柄，经过调用该方法，能够阻止提交表单。it

注意，若是 Event 对象的 cancelable 属性是 fasle，那么就没有默认动做，或者不能阻止默认动做。不管哪一种状况，调用该方法都没有做用。io

event.stopPropagation()用法介绍event

该方法将中止事件的传播，阻止它被分派到其余 Document 节点。在事件传播的任何阶段均可以调用它。注意，虽然该方法不能阻止同一个 Document 节点上的其余事件句柄被调用，可是它能够阻止把事件分派到其余节点表单

该方法将中止事件的传播，阻止它被分派到其余 Document 节点。在事件传播的任何阶段均可以调用它。方法

注意:虽然该方法不能阻止同一个 Document 节点上的其余事件句柄被调用，可是它能够阻止把事件分派到其余节点。top

event是DOM的事件方法，因此不是单独使用，好比指定DOMab