javascript阻止冒泡和阻止默认行为

最新推荐文章于 2022-08-25 11:56:10 发布
最新推荐文章于 2022-08-25 11:56:10 发布
阅读量546 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangxiao1988819/article/details/49820533
版权

js中的冒泡和默认行为是两个不同的概念。事件冒泡是js dom事件流的一个步骤，而dom的默认行为，是dom标签自带的属性。比如a标签，点击a标签会触发href的连接，这就是a标签的默认行为。所以，阻止冒泡和阻止默认行为是两个不同的概念。

 js阻止默认事件的方法是： e.preventdefault() ,IE中的处理方式有所不同：e.returnValue =false

 js阻止默认事件的方法是： e.stopPropagation() ,IE中的处理方式为：e.cancelbubble =true

huangxiao1988819
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js阻止默认浏览器行为与冒泡行为的实现代码
11-26
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1. 阻止浏览器的默认行为 function stopDefault(e) { //如果提供了事件对象，则这是一个非IE浏览器 if(e && e.preventDefault) { 　　//阻止默认浏览器动作(W3C) 　　e.preventDefault(); } else { 　　//IE中阻止函数器默认动作的方式 　　window.event.returnValue = false; } return false; } 2. 停止事件冒泡 function stopBubble(e
javascript阻止事件冒泡和浏览器的默认行为
10-20
本篇文章主要介绍了javascript阻止事件冒泡和浏览器的默认行为。具有一定的参考价值，下面跟着小编一起来看下吧
js阻止默认事件和阻止事件冒泡浅谈
qq_51427204的博客
05-24 2102
入行三年，今天重新谈下这两个事件： 一、默认事件，即像 1.a链接点击跳转行为 2.form表单中的button或type为submit的input点击会默认提交submit事件 3.document绑定contextmenu默认右键点击会弹出菜单 所以，如果你不想事件点击触发默认行为，就需要我们讲的组织默认事件了，非常简单的方法 如果是移动端，不考虑兼容问题直接在绑定元素的事件函数中写 e.preventDefault 或者直接 return false 若是在pc端中，考虑ie的兼容问题
JS的DOM操作——阻止事件冒泡和阻止默认事件
m0_59345890的博客
07-21 1156
在学习阻止事件冒泡时，我们思考一个问题addEventListener的第三个参数为true是阻止事件传递还是false?都不会阻止事件传递,因为true捕获阶段触发false冒泡阶段触发；要阻止事件传递唯一的方式就是阻止事件冒泡事件对象调用stopPropagation()运行结果点击box3,可以看到只有box3触发了，因为box1,box2是在冒泡阶段触发，然而在box3事件对象中调用了stopPropagation()，阻止了事件冒泡，所以box1,box2的事件不再触发。...
stopPropagation()阻止事件冒泡与preventDefault()阻止事件的默认行为
余浩的博客
07-21 4260
//阻止冒泡事件 evt.stopPropagation(); // 只执行button的click，如果注释掉该行，将执行button、p和div的click （同类型的事件）
js 阻止事件冒泡
weixin_44805839的博客
06-30 7928
js 阻止事件冒泡
JS如何阻止冒泡事件
weixin_44104809的博客
09-01 1万+
1、背景 1.1 什么是事件冒泡 当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window 。 优点：事件委托可以利用事件冒泡，来达到只指定一个事件处理程序就可以管理某一项类型的所有事件的效果，只添加一个事件处理程序所需的DOM引用更少，所花的时间也更少，整个页面占据的内存空间更少，能够提升整体性能。 1.2 特殊需求 菜单栏的每一项增加一个编辑和删除按钮，因为菜单自带点击事件，在我们点击每个菜单的编辑或删除按钮时候还会去执行一遍菜单执行的操作，这种情况我们就需要阻止编辑和删除按钮的
JS——事件冒泡与阻止事件冒泡
Bonsoir777的博客
08-25 2957
本文主要介绍JS中有关事件流的相关知识点
JS中阻止冒泡事件的三种方法
热门推荐
小小前端
07-17 6万+
冒泡事件：比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。 <div class="box"> <button class="btn">按钮</button> </div> <script type="text/javascript"> $('.btn').click(functio...
js阻止冒泡的两种方法
Smallwhitestrive的博客
09-26 1万+
冒泡是一种很有意思的现象，在我们的 js 中也有冒泡现象，让我们一起去看看吧 先来看一段代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body onclick="bo()"> <div onclick="d()"> <button onclick="b()"
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
10-20
下面小编就为大家带来一篇浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)。
js阻止冒泡
02-26
js阻止冒泡 $(document).click(function(){ $(".scxl").children('ul').hide(); })
JavaScript实现事件的中断传播和行为阻止方法示例
11-29
事件传播 MicroSoft的设计是当事件在元素上触发时，该事件将接着在该节点的父节点触发，...取消事件默认效果： returnValue = false IE 取消事件效果 defaultPrevent() w3c取消事件效果 <div id ='cc'></di
NativeScript和React-native比较
huangxiao1988819的博客
11-24 2514
NativeScript和React不同，无法与原生项目融合，即你只能纯写个NativeScript的应用，不可能把它抽离出来作为某原生应用的一部分来出现。虽然说它和React的出发点一致都是"用Web APP的开发速度打造Native App的体验"。 组件支持不够完善 XML解析引擎不够完善
react-native数组的重复警告
huangxiao1988819的博客
03-30 1550
js的严格模式下，当用数组来存储JSX标签的时候，如果jsx标签相同（dataSource当然不同） ，就会提示prop警告，解决办法就是为每个标签加一个不同的key，这样可以消除警告，同时也可以消除react自带的标签缓存。
react-native 版本更新
huangxiao1988819的博客
05-05 382
react-natitve版本更新
javascrpit中的bind
huangxiao1988819的博客
05-05 344
js ，bind
js如何阻止事件冒泡
最新发布
08-24
这个函数可以阻止默认的事件行为发生。例如，如果你在点击一个链接时调用了这个函数，链接将不会被打开。具体的代码如下所示： ```javascript $('.btn').click(function(event) { event.preventDefault(); alert...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值