阻止事件向后执行

最新推荐文章于 2021-11-28 18:51:02 发布
最新推荐文章于 2021-11-28 18:51:02 发布
阅读量207 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/sunnie-cc/p/6841785.html
版权
本文介绍如何使用 event.stopImmediatePropagation() 方法来阻止事件处理程序的进一步执行，并自动调用 event.stopPropagation() 方法来停止事件向上冒泡。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

除了阻止默认的事件，停止向上冒泡之外，有时还需要禁止后续的事件执行，可以使用 event.stopImmediatePropagation() 方法。该方法会自动调用 event.stopPropagation() 方法。

 

$('input')
    .on('focus',function(){ })// 聚焦时处理 .on('blur',function(){ })// 失去焦点时处理 .on('input',function(){ })// 输入时处理

 

转载于:https://www.cnblogs.com/sunnie-cc/p/6841785.html

事件委托与阻止冒泡阻止其父元素事件触发
09-04
当点击具体的li元素时，发现ul的事件也被触发了，这是我们不想看到的，解决方法就是加一句阻止冒泡即可
javascript阻止scroll事件多次执行的思路及实现
10-26
一个更为合理的方法是利用条件控制事件执行。具体来说，可以定义一个布尔变量（例如变量tur），用于控制事件处理函数是否应该执行。在事件处理函数执行时，首先检查这个条件变量，如果为真，则执行代码并立即设置...
阻止事件执行的三种方法(preventDefault、stopImmediatePropagation、stopPropagation)横向对比
万少博-FE
05-27 2900
最新更新时间：2020年05月27日10:57:02 《猛戳-查看我的博客地图-总有你意想不到的惊喜》 本文内容：Event对象的一些知识点，事件注册、事件对象、阻止事件 概述 Event 接口表示在 DOM 中发生的任何事件; 一些是用户生成的（例如鼠标或键盘事件），而其他由 API 生成（例如指示动画已经完成运行的事件，视频已被暂停等等）。 为DOM元素注册事件处理函数的三种方式 方式一：EventTarget.addEventListener myButton.addEventListen
绑定多个事件，如何决定前面事件失败后面事件不执行
zb219的专栏
01-23 705
其实就用冒泡 把最后一个事件，写在父层，如果子层事件return false,则冒泡停止，父层事件不执行                                                       $("#ccc").bind("click", function () {         alert(1);     });     $("#ccc
阻止事件冒泡和默认行为
张致豪
06-14 177
html> head> title>2048title> meta charset="UTF-8"> style type="text/css"> *{ padding: 0; margin: 0; } body{ background: #F8FFE5;
js 阻止事件执行
weixin_30697239的博客
04-11 2447
三种阻止事件执行的方式 event.preventDefault() event.stopPropagation() return false event.preventDefault() 阻止特定事件的默认行为（只有 cancelable 设置为 true 的事件才可以使用），比如：点击 type="submit" 的 input 标签提交表单，你在 onclick ...
jquery阻止后续事件只执行第一个事件
10-25
这个方法不阻止事件的传播，而是阻止事件的默认行为。例如，点击链接时默认会跳转到新的URL，但`event.preventDefault()`可以阻止这种跳转。如果事件的默认行为不是事件传播，那么使用`event.preventDefault()`更...
JS传播事件、取消事件默认行为、阻止事件传播详解
10-19
最后，**取消事件的默认行为和阻止事件传播**是控制事件执行的关键。在支持`addEventListener()`的现代浏览器中，可以通过`event.preventDefault()`方法来取消事件的默认操作，而在早期的IE浏览器（IE9之前）中，...
vue中阻止click事件冒泡,防止触发另一个事件的方法
08-28
为了阻止这种情况发生，Vue提供了`.stop`修饰符，可以用来阻止事件的冒泡行为。 在Vue模板中，我们可以使用`.stop`修饰符来标记事件处理器，告诉Vue不要继续执行事件冒泡。以下是一个示例： ```html ()"> ()">...
阻止click点击事件
sina_panda
04-11 3万+
网上查了后有一下几种实现方法1.css禁用鼠标点击事件.disabled { pointer-events: none; } 注：（这个没有试过）2.直接使用阻止事件的进行 e.stopPropatation||e.cancelBubble = true jquery 禁用a标签 方法1$(document).ready(function() {
阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false的区别
热门推荐
积少成多
11-11 10万+
今天来看看前端的冒泡和事件默认事件如何处理 1.event.stopPropagation()方法 这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开， 2.event.preventDefault()方法 这是阻止默认事件的方法，调用此方法是，连接不会被打开，但是会发生冒泡，冒泡会传递到上一层的父...
return阻止js继续向下执行
weixin_30564901的博客
03-29 6094
终止JS运行有如下几种可能： 终止函数的运行的方式有两种 在函数中使用return，则当遇到return时，函数终止执行，控制权继续向下运行 在函数中使用try-catch异常处理，需要结束时，使用throw抛出异常 终止动画特效的运行的方式是使用stop方法 stop([clearQueue],[gotoEnd]) ：停止所有在指定...
JQuery实现click事件绑定与触发方法分析
weixin_33970449的博客
10-23 203
原生JS通过什么方法绑定click事件？ 　　原生js有一下三种方法为DOM对象绑定click事件， 　　第一种，在html中添加 onclick属性，在此属性中添加要绑定的事件函数，如下， 这种方法为html处理事件的原始方法，使得html和js过分耦合， 即表现层代码 和 行为层代码耦合： <html> <head> <script src=...
js 阻止后续事件
weixin_30378623的博客
07-22 1232
return false 转载于:https://www.cnblogs.com/smallgo/p/3328169.html
16.前端jQuery之【阻止/委托事件】【页面加载,动态属性】【each与data】
放纵kf的博客
11-28 919
1.jQuery阻止事件 2.jQuery事件委托 3.页面加载问题 4.jQuery动态属性 5.jQuery的each与data方法
阻止某个<td>执行<tr>的onclick事件
weixin_34302798的博客
11-16 1831
2019独角兽企业重金招聘Python工程师标准>>> ...
jQuery组织后续事件 事件冒泡 事件委托 键被按下 批量操作 hover input 事件
10-19 250
1. jQuery绑定事件的方式 1. $('').click(function(){}) 2. $('').on('click', function(){}) 2. 阻止后续事件执行 1. return false; 2. event.stopPropagation() // event表示事件本身 2. 事件冒泡 1. DOM中事件的特点 3. 事件委...
JQuery IE下如何阻止keydown事件冒泡
babyZeng
10-11 3517
今天凑巧碰到一件怪事:使用
s 阻止元素监听后的事件
最新发布
06-02
如果您想要阻止元素监听器后的事件执行，可以使用 `Event.stopPropagation()` 方法来阻止事件的冒泡传播，从而防止其他事件的执行。例如： ```html <body> <div id="myDiv">点击我触发事件</div> </body> ``` ```javascript const myDiv = document.getElementById('myDiv'); // 添加点击事件监听器 myDiv.addEventListener('click', function(event) { console.log('触发了点击事件'); event.stopPropagation(); // 阻止事件的冒泡传播 }); // 添加鼠标移动事件监听器 myDiv.addEventListener('mousemove', function(event) { console.log('触发了鼠标移动事件'); }); ``` 在上面的示例中，当点击 `myDiv` 元素时，会触发点击事件监听器，并且通过 `event.stopPropagation()` 方法阻止了事件的冒泡传播，从而防止了鼠标移动事件监听器的执行。 需要注意的是，如果您想要阻止元素监听器后的默认事件执行，可以使用 `Event.preventDefault()` 方法来阻止默认事件的发生。例如： ```html <a href="https://www.baidu.com" id="myLink">点击我跳转到百度</a> ``` ```javascript const myLink = document.getElementById('myLink'); // 添加点击事件监听器 myLink.addEventListener('click', function(event) { console.log('触发了点击事件'); event.preventDefault(); // 阻止默认事件的发生 }); ``` 在上面的示例中，当点击 `myLink` 元素时，会触发点击事件监听器，并且通过 `event.preventDefault()` 方法阻止了默认事件的发生，从而防止了页面跳转。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值