取消事件冒泡，取消默认行为

最新推荐文章于 2024-09-11 11:02:35 发布
最新推荐文章于 2024-09-11 11:02:35 发布
阅读量774 收藏
点赞数
分类专栏： js 文章标签： 取消事件冒泡 取消事件行为 取消鼠标右键行为
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lililiaaa/article/details/83960735
版权

取消事件冒泡

标准浏览器：e.stopPropagation;

IE浏览器:window.event.cancelBubble=true;（为了做兼容，如果在前面写明e=e||window.event;IE里面就是e.cancelBubble=true;）

阻止事件行为

阻止事件默认行为：
e.preventDefault(); IE:e.returnValue = false ;

阻止鼠标右键的默认行为：
.oncontextmenu{
return false;阻止默认行为的
preventDefault()
}

lililiaaa李
关注
专栏目录
事件的冒泡与冒泡的取消方法
qq_45716607的博客
04-28 939
1事件冒泡 如果一个元素触发事情，那么其所有祖先元素都会依次执行触发该事件，这种机制称为冒泡 （好比气泡从水底下一直向上冒泡，像dom树一样，一直到根元素。） 2事件捕获 捕获与事件冒泡刚好相反 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
阻止冒泡事件 2020/11/24
weixin_50286102的博客
11-24 223
stopPropagation() 语法 event.stopPropagation(); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
jquery取消事件冒泡的三种方法
热门推荐
typ0520的专栏
04-11 3万+
1、通过返回false来取消默认的行为并阻止事件起泡。 jQuery 代码: $("form").bind( 　　"submit", 　　function() { 　　　　return false; 　　 } ); 2、通过使用 preventDefault() 方法只取消默认的行为。 jQuery 代码: $("form").bind(
【JavaScript】事件冒泡详解
最新发布
lph159的博客
09-11 2033
事件冒泡（Event Bubbling）是指当某个元素上的事件被触发时，该事件会向父级元素传递，直到传递到document对象的过程。在此过程中，所有绑定在这些父级元素上的相同类型的事件处理程序都会依次被触发。这个传递过程就像气泡从水底逐渐向上升一样，因此被称为"冒泡"。事件冒泡是 JavaScript 中非常重要的事件模型，通过它，开发者可以简化事件处理逻辑，尤其是在动态内容和复杂交互中。理解事件冒泡的工作机制和应用场景可以帮助你编写更加高效、易维护的代码。
取消冒泡
Vivian_shuang的博客
07-13 471
DOCTYPE html> html> head> meta charset="UTF-8"> title>title> style type="text/css"> .wrap{ width: 200px; height: 200px; background-color: palegreen; } style> head> body> div class=
11.①事件冒泡：取消冒泡event.cancelBubble=true或.sopImmediatePropagation()②事件绑定addEventListener(参数1，参2，参3）③事件传播
lazylYYY的博客
08-12 934
一：事件冒泡： 设置点击事件，分别点击body、box、span，分别弹出‘我是body’、‘我是box’、‘我是span’ 但是我们发现点击span时一并弹出了‘我是body’、‘我是box’、这就是冒泡 1.冒泡指的是事件的向上传导， 当元素上的某个事件被触发时，其祖先元素上的相同事件也会同时被触发 2.冒泡与子元素所在位置无关，与结构有关（就算给子元素添加定位，移出父元素里面，还是会产生冒泡） 3.要取消事件的冒泡需要用到事件对象（两种方法） ...
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
12-12
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e....
jquery取消事件冒泡的三种方法(推荐)
10-22
1. 使用`return false`取消默认行为并阻止冒泡 在jQuery事件处理函数中直接返回`false`是一种最简单的方式来同时阻止事件的默认行为和事件的冒泡传播。示例如下： ```javascript $("form").submit(function(){ ...
js如何取消事件冒泡
10-26
另外，如果你只想执行父元素的事件处理函数而忽略子元素的，可以使用`event.preventDefault()`来阻止默认行为，但不会阻止事件冒泡。这意味着事件仍然会上升到父元素，但默认动作（如链接的跳转或表单的提交）将被...
js阻止冒泡和默认事件（默认行为）详解
10-21
在这篇文章中，作者深入讲解了在JavaScript编程中如何阻止事件冒泡以及阻止事件的默认行为。接下来，我们将从这两方面详细解释知识点。 首先，让我们来了解什么是事件冒泡。在Web开发中，事件冒泡是指当一个事件在...
浅谈jQuery 中的事件冒泡和阻止默认行为
10-22
jQuery提供了一个`event.preventDefault()`方法，用于取消事件的默认行为。使用这个方法，我们可以自定义事件的响应，而不是让浏览器执行其默认操作。这对于创建更加友好和互动的用户界面非常有用。 3. 实际应用...
js 取消冒泡事件
awe5566的专栏
09-24 936
function stopBubble(e){   //一般用在鼠标或键盘事件上   if(e && e.stopPropagation){   //W3C取消冒泡事件   e.stopPropagation();   }else{   //IE取消冒泡事件   window.event.cancelBubble = true;   }   };   1、cancelBu
取消冒泡和阻止默认事件
Hhjian524的博客
10-29 1077
取消冒泡： W3C标准 event.stopPropagation();但不支持ie9以下版本 IE独有 event.cancelBubble = true; 封装阻止默认事件的函数 cancelHandler(event); function stopBubble(event){ if(event.stopPropagation){ event.stopPropagati...
JS阻止事件冒泡
harcdy的专栏
04-13 177
自:http://zhidao.baidu.com/question/164284686.html?an=0&si=6 IE的event和其他的标准DOM的Event是不一样的，不同的浏览器事件的冒泡机制也是有区别 IE： window.event.cancelBubble = true;//停止冒泡 window.event.returnValue = false;//阻止事件的...
既然事件能够冒泡 怎么取消事件冒泡
weixin_34326179的博客
11-30 134
方法 Event 对象有个属性叫cacelBubble 默认值是false改成TRUE就取消当前事件冒泡 转载于:https://www.cnblogs.com/zhangao/p/10043934.html
JS中事件的冒泡与冒泡的取消
Fantasc的博客
08-09 2191
事件的冒泡：（Bubble） ​ 所谓的事件冒泡，就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。 注意：是相同的事件，而不是相同的响应函数内容，比如大家都绑定了onclick单击事件，叫做相同的事件。 以下是练习的小例子： 在以下代码中，span是div元素的子元素，而div是body的子元素，他们都绑定的是一样的事件，所以当span元素的响应函数被触发时，绑定了相同事件的的父元素以及祖先元素的响应函数也会被触发。 所谓的向上传递，指的是向当前元素的父元素或
取消冒泡事件
yimeng501的专栏
08-21 347
function doSomething (obj,evt) { alert(obj.id); var e=(evt)?evt:window.event; if (window.event) { e.cancelBubble=true; } else { e.stopPropagation(); } } This...
JS - 取消事件冒泡
BarryLee的博客
02-09 2857
JavaScript的事件冒泡确实很有用（大多数情况下），但是有时确实不想它冒泡，那么可以通过以下方式取消 元素.事件 = function( event ) { // 解决兼容问题 event = event || window.event; // 将cancenBubble属性设置为false即可 event.cancelBubble = true; } ...
取消事件冒泡（大小DIV）
初学者
04-23 442
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 取消事件冒泡 #mybigdiv{ width:300px; height:300px; border:1px solid pink;
JavaScript阻止浏览器默认行为与事件冒泡的详细实现及示例
在前端开发中，处理浏览器默认行为和事件冒泡是常见的需求，这有助于确保用户交互按照预期进行，特别是当涉及到表单提交、导航或特定元素的控制时。本文档提供了解决这些问题的JavaScript代码片段。 1. **阻止...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值