阻止事件冒泡的3种方法

最新推荐文章于 2024-08-22 16:13:02 发布

weixin_30292843

最新推荐文章于 2024-08-22 16:13:02 发布

阅读量671

点赞数 1

原文链接：http://www.cnblogs.com/liyuspace/p/10178748.html

版权

实现代码：

$("#three").click(function(event) {
event.stopPropagation();
});

a.写入event.stopPropagation();

事件处理过程中，阻止了事件冒泡，但不会阻击默认行为

b.写入return false;

事件处理过程中，阻止了事件冒泡，也阻止了默认行为

c.写入event.preventDefault();

事件处理过程中，不阻击事件冒泡，但阻击默认行为

转载于:https://www.cnblogs.com/liyuspace/p/10178748.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30292843

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

javascript阻止事件冒泡的一种方法

03-25

一种解决事件冒泡的方法，有较好的浏览器兼容性，具体思路参见文档： http://blog.csdn.net/ivyandrich/article/details/22041933

JS阻止事件冒泡的方法详解

01-19

<%@ Page Language=C# AutoEventWireup=true CodeFile=Default5.aspx.csInherits=Default5%> <!DOCTYPE ...<... <head runat=server>...Porschev--

参与评论您还未登录，请先登录后发表或查看评论

阻止事件冒泡的方法

qq_43294510的博客

03-02

707

阻止事件冒泡的方法首先看看事件冒泡是什么？ 事件冒泡代码结构上嵌套，在直系关系中；同一个事件绑定多个元素（子元素，父元素…都绑定该事件），从子元素到父元素依次触发事件。代码很简单，就是三个父子关系的div,然后分别加了点击事件。阻止冒泡。 css样式代码 <style> .wrap { width: 400px; height: 400px; background: red; } ...

动态库与静态库

最新发布

weixin_48959446的博客

08-22

Native动态库，通常指的是由非Java等高级语言（如C、C++等）编写并编译成的动态链接库（Dynamic Link Library，简称DLL，在Windows环境下）或共享对象文件（Shared Object，简称SO，在Linux/Unix环境下）。这些库文件在程序运行时被加载到内存中，供程序中的代码调用。

如何阻止事件冒泡和默认（行为）事件？

binlety

08-04

7767

1.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素； 3.return false ；这个方...

阻止事件冒泡方法

weixin_57157220的博客

07-09

1万+

阻止事件冒泡方法 1.event.stopPropagation()方法这是阻止事件的冒泡方法，不止事件向document上蔓延，但是默认事件任然会执行，当你调用这个方法的时候，如果点击一个连接，这个连接仍然会被打开 2.event.preventDefault()方法这是阻止默认事件的方法，调用此方法时，链接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父元素 3.return false; 这个方法比较暴力，他会同时阻止事件冒泡也会阻止默认事件，不仅阻止了事件往上冒泡，而且阻止了事件本身

JQuery中阻止事件冒泡几种方式及其区别介绍

12-09

JQuery 提供了两种方式来阻止事件冒泡。方式一：event.stopPropagation(); 代码如下: $(“#div1”).mousedown(function(event){ event.stopPropagation(); }); 方式二：return false; 代码如下: $(“#div1”)....

js事件冒泡及其阻止方法

01-08

在事件处理函数中调用此方法可以阻止事件继续向上层节点传播，确保只有当前元素的事件得到响应。例如，在更新后的代码中，当点击`.childOne`时，通过调用`event.stopPropagation()`，阻止了事件冒泡到`.par`，从而...

在点击div中的p时，如何阻止事件冒泡

08-31

1. `cancelBubble`函数内部首先判断浏览器是否支持`stopPropagation`方法，这是W3C标准中的事件阻止冒泡方法。对于不支持此方法的老版本IE浏览器，它会使用`cancelBubble = true`来达到相同的效果。 2. 在`show(info...

如何阻止事件冒泡

庸人方自扰，自在就好

01-27

1万+

1、事件处理过程中，阻止了事件冒泡，但不会阻止默认行为（执行超链接的跳转）2、事件处理过程中，阻止了事件冒泡，也阻止了默认行为（不执行超链接的跳转）3、事件处理过程中，不阻止事件冒泡，但阻止默认行为（父元素以上全部会触发该事件，但不执行超链接跳转）

阻止事件冒泡

namemui的博客

08-23

1051

在子元素的点击事件中添加如下代码："event.stopPropagation();" onclick="rodd('+o.id+');event.stopPropagation();"

阻止事件冒泡的两种方法

热门推荐

zhm0303的博客

09-25

1万+

何为冒泡：即事件开始是由最具体的元素接收，然后逐层向上级传播到较为不具体的元素。加入一个button和它的父级div同时定义了onclick事件，点击button时，在触发了button的onclick事件之后，会发生事件冒泡，然后触发div的onclick事件，然而，触发button的onclick事件的同时也触发div的onclick事件显然不是我们想要的，此时，可以阻止冒...

最有效的阻止事件冒泡

qyp_slw的博客

01-17

342

不管你是什么情况 click里面写click 还是什么其他原因！！！在你的点击事件前面加上 .unbind('click')即可！！！帮到你的话可以打赏：

快速了解4种阻止事件冒泡的方法（原生js阻止，vue中使用修饰符阻止）

m0_48895748的博客

12-07

9541

快速理解阻止事件冒泡的4种方法，使用原生js或者vue中阻止事件冒泡

js阻止事件冒泡

进一步，有一步的欢喜。

07-19

792

原文：https://www.cnblogs.com/moqing/p/5590216.html。感谢作者。首先看看事件冒泡是什么？ 事件冒泡 ：当一个元素接收到事件的时候会把他接收到的事件传给自己的父级，一直到window 。（注意这里传递的仅仅是事件并不传递所绑定的事件函数。所以如果父级没有绑定事件函数，就算传递了事件也不会有什么表现但事件确实传递了。）取消事件冒泡有两种方式：标准的W3C 方式：e.stopPropagation();这里的stopPropagation是标准的..

如何阻止事件冒泡和默认行为？

IT修真院：初学者转行到互联网的聚集地

11-01

486

大家好，我是IT修真院一枚正直善良的web程序员。今天给大家分享一下，修真院官网JS-4任务中如何阻止事件冒泡和默认行为？一、背景介绍讲之前先说说什么是事件 Event 在触发DOM上某个事件时，会产生一个事件对象event，这个对象包含着所有事件有关的信息（导致事件的元素、事件的类型、与特定事件相关的信息）所有浏览器都支持Event对象，但支持方式不同 IE...

touch事件阻止事件冒泡的方法

08-08

在浏览器中，可以通过以下方法阻止touch事件的冒泡： 1. 使用stopPropagation()方法：在触摸事件处理程序中，调用事件对象的stopPropagation()方法可以阻止事件冒泡。例如： ```javascript element.addEventListener('touchstart', function(event) { event.stopPropagation(); // 其他处理逻辑 }); ``` 2. 使用preventDefault()方法：在触摸事件处理程序中，调用事件对象的preventDefault()方法可以阻止默认行为和事件冒泡。例如： ```javascript element.addEventListener('touchstart', function(event) { event.preventDefault(); // 其他处理逻辑 }); ``` 3. 使用return false：在触摸事件处理程序中，返回false也可以阻止事件冒泡。例如： ```javascript element.addEventListener('touchstart', function(event) { // 其他处理逻辑 return false; }); ``` 需要注意的是，以上方法只能阻止当前事件的冒泡，而无法阻止其它事件的冒泡。如果想要完全禁止事件冒泡，可以在触摸事件处理程序中同时使用stopPropagation()和preventDefault()方法。