阻止事件传播/阻止浏览器默认行为

最新推荐文章于 2024-04-07 16:58:37 发布
最新推荐文章于 2024-04-07 16:58:37 发布
阅读量420 收藏 2
点赞数 1
分类专栏： JavaScript 文章标签： event dom js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_47076989/article/details/107108940
版权
本文详细介绍了前端开发中如何使用event.stopPropagation()和event.cancelBubble=false来阻止事件传播，以及通过event.preventDefault()和event.returnValue=false来阻止浏览器默认行为的方法，适用于火狐、谷歌及低版本IE浏览器。

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

阻止事件传播/阻止浏览器默认行为

1.事件捕获

event.stopPropagation()

2.事件冒泡

event.cancelBubble=false 低版本IE

3.阻止浏览器默认行为：火狐/谷歌

event.preventDefault()

4.阻止浏览器默认行为：低版本IE

event.returnValue=false

！！！ 以上是DaXiong本人对前端知识的理解总结，如内容知识有错误可以留言修改。

！！！如果以上内容帮助到了你，点击一下赞或者收藏吧！

阻止事件(取消浏览器对事件的默认行为并阻止其传播)
12-10
取消浏览器对事件的默认行为（响应）（比如<a>标签的跳转等）并停止事件的继续传播。 实现代码 代码如下: function stopEvent (evt) { var evt = evt || window.event; if (evt.preventDefault) { evt.preventDefault(); evt.stopPropagation(); } else { evt.returnValue = false; evt.cancelBubble = true; } } 只阻止事件继续传播（不取消默认行为） 代码如下: function stopEvent (evt) {
阻止浏览器默认行为
KOBEZANG的博客
11-06 217
阻止默认行为和阻止事件传播
轻描淡写
10-02 472
08820170930 / 08920170930 1、阻止默认行为 --阻止默认行为-- window.onload = function() { var link = document.getElementById("a_tiger"); //var link = document.getElementsByTagName("a")[0]; //
如何阻止浏览器的默认行为?
无糖加冰
04-27 3551
var oA = document.querySelector('a') a.addEventListener('click', function (e) { e = e || window.event console.log(this.href) //下面这个是兼容写法 e.preventDefault ? e.preventDefault() : e.returnValue = false })
如何阻止浏览器的默认行为？
王二狗
05-07 1275
function stopDefault(e){ //如果提供了事件对象，则这是一个非 ie 浏览器 if(e && e.preventDefault){ //阻止浏览器的默认动作 e.preventDefault(); }else{ //ie 中阻止函数默认动作的方式 window.event.returnVa
JS传播事件、取消事件默认行为、阻止事件传播详解
10-19
JavaScript中的事件处理是Web开发中的核心概念，它涉及到事件的传播、取消默认行为以及阻止事件传播等关键点。本文将详细解析这些概念。 首先，**事件处理程序的返回值**在JavaScript中扮演着一个特殊的角色。当...
js阻止浏览器默认行为触发的通用方法(推荐)
10-22
在JavaScript中，阻止浏览器默认行为可以通过几种不同的方法实现，下面将详细介绍其中的通用方法，包括对W3C标准事件模型以及IE浏览器的兼容性处理。 首先，现代浏览器遵循W3C标准的事件处理模型，对于阻止默认行为...
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
10-20
本文将深入探讨两个关键的JavaScript事件处理概念：停止事件冒泡和阻止浏览器的默认行为。这两个特性对于确保页面行为符合预期至关重要，尤其是在处理复杂的交互时。 1. 停止事件冒泡 事件冒泡是事件处理的一个...
兼容IE和Firefox浏览器的阻止默认的enter提交表单事件
念念不忘的博客
06-25 803
document.onkeydown = function (event) { e = event ? event : (window.event ? window.event : null); if (e.keyCode == 13) { //执行的方法 alert('...
阻止浏览器事件传递
aegckeir70762的博客
07-12 236
阻止jQuery事件冒泡 jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止 jQuery.Event冒泡。 在jQuery.Event 的文档 中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查兼容IE的步骤。 jQuery.Event提供了...
阻止浏览器的默认行为
我不是安徒生的博客
02-28 563
阻止浏览器的默认行为，非IE下是ev.preventDefault()；IE下是 event.returnValue = false;
阻止浏览器默认行为的函数
weixin_41002312的博客
02-25 360
function preventDefault = function(event){ if (typeof event.preventDefault !== 'undefined') { event.preventDefault(); }else { event.returnValue = false; } }
HTML:浏览器的默认行为--阻止浏览器的默认行为
最新发布
weixin_74100422的博客
04-07 898
览器存在自己的默认行为，默认行为是浏览器的默认初始值。有一些浏览器行为是在事件处理程序执行前发生的，也就是说这些默认行为是无法取消的，需要人为去屏蔽浏览器的默认行为。
JS中阻止浏览器的默认行为
weixin_42943920的博客
12-24 3364
阻止浏览器的默认行为的三种方式 阻止浏览器的默认行为 // 浏览器常见默认行为：1-a标签的点击跳转 2-表单中提交按钮的转跳 3-浏览器页面右键出现菜单 // 阻止事件的默认行为 // 1 e.preventDefault() 在事件处理函数中 // 2 e.returnValue = false 在低版本的ie中可用 // 3 return false // 只能阻止on+事件类型的事件中起作用，addEventListener（t
如何阻止事件冒泡和浏览器的默认行为
m0_37830172的博客
08-21 454
阻止事件冒泡和浏览器的默认行为 阻止事件冒泡 window.event ? window.event.cancelBubble = false ： e.stopPropagation(); 阻止默认行为 window.event ? window.event.returnValue = false ： e.preventDefault(); 原生js阻止中 return false； 只...
js之阻止浏览器默认行为
li3196672779的博客
06-08 1438
window.onload = function(){ // 抓取元素 var a= document.getElementById("a"); a.onclick = function(e){ // 获得事件对象 var e = e||window.event; // 判断浏览器 if(document.all){ // 阻止I
2022-05-01[汇总]阻止浏览器默认行为的常见方法
GAARA
05-01 869
1.阻止a标签自动跳转 1.1.使用preventDefault()函数 <a href="http://www.baidu.com" onclick="fn()">百度一下</a> function fn(eve) { var e = eve || window.event; // e.preventDefault(); // 直接调用阻止函数 stopEve(e)
js阻止浏览器默认行为触发的通用方法
　 ~8挑、Mm的专栏
08-13 4176
//阻止浏览器默认行为触发的通用方法 function stopDefault(e){ //防止浏览器默认行为(W3C) if(e && e.preventDefault){ e.preventDefault(); } //IE中组织浏览器行为 else{ window.event.returnValue=fale; } return false; }
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值