JS事件cancelBubble、event.preventDefault()与event.stopPropagation()简单介绍

推荐看原文：https://blog.csdn.net/iamlegendary/article/details/54409038

cancelBubble用于ie的阻止冒泡事件。
event.stopPropagation（）用于firefox和chrome等其他浏览器。

cancelBubble用法介绍：

//取消冒泡
event.cancelBubble = true;

event.preventDefault()用法介绍：

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

event.stopPropagation()用法介绍：

该方法将停止事件的传播，阻止它被分派到其他 Document 节点。
在事件传播的任何阶段都可以调用它。
注意，虽然该方法不能阻止同一个 Document 节点上的其他事件句柄被调用，但是它可以阻止把事件分派到其他节点。
实例：https://www.runoob.com/try/try.php?filename=tryjquery_event_stoppropagation

JS事件cancelBubble、event.preventDefault()与event.stopPropagation()简单介绍相关推荐

js事件之event.preventDefault()与event.stopPropagation()用法区别
event.preventDefault()将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作).例如,如果 type 属性是 "submit",在事件传播的任 ...
Event.preventDefault 、Event.stopPropagation 和 Event.stopImmediatePropagation
Event.preventDefault() 取消浏览器对当前事件的默认行为. Event.stopPropagation() 阻止事件冒泡. Event.stopImmediatePropagati ...
event.preventDefault() 和 event.stopPropagation()方法之间有什么区别？如何知道是否在元素中使用了event.preventDefault()方法？
event.preventDefault() 方法可防止元素的默认行为.如果在表单元素中使用,它将阻止其提交.如果在锚元素中使用,它将阻止其导航.如果在上下文菜单中使用,它将阻止其显示或显示.even ...
js异步等待完成后再进行下一步操作_彻底搞懂JS事件中的循环机制 Event Loop
我们都知道JavaScript是单线程语言,就是因为单线程的特性,就不得不提js中的同步和异步一.同步和异步所谓单线程,无非就是同步队列和异步队列,js代码是自上向下执行的,在主线程中立即执行的就 ...
JS事件轮询机制（Event Loop）
概念事件轮询 (eventloop) 是"一个解决和处理外部事件时将它们转换为回调函数的调用的实体(entity)" JavaScript 语言的一大特点就是单线 ...
针对表单的事件；条件语句；定时器的简单介绍；
一.针对表单的事件: 1.表单的标签:form.input.select.textarea 2.表单的属性:type="radio/checked/password/button/text/ ...
关于event.preventDefault()的用法
本来是研究ES6的对象的解构赋值的,自己突发奇想,将表单页面的数据提交到后端对象中的,用纯原生的方式编写代码,结果运行代码没有报错,怎么就获取不到表单输入框输入的内容,百思不得其解.先展示错误代码当 ...
JS事件及其兼容用法
JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 1.事件流:描述的是从页面中接收事件的顺序. IE提出的事件冒泡流:事件开始由最具体的 ...
滚轮y坐标html,web交互之js事件
前言事件是用来实现js和html之间交互的,可以用侦听器(或处理程序)来预订事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为(js)与页面的外观(htm ...

JS事件cancelBubble、event.preventDefault()与event.stopPropagation()简单介绍

JS事件cancelBubble、event.preventDefault()与event.stopPropagation()简单介绍相关推荐

最新文章

热门文章