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

最新推荐文章于 2024-06-24 15:18:03 发布
最新推荐文章于 2024-06-24 15:18:03 发布
阅读量337 收藏 2
点赞数 1
分类专栏： JavaScript 文章标签： event dom js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47076989/article/details/107108940
版权

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

1.事件捕获

event.stopPropagation()

2.事件冒泡

event.cancelBubble=false 低版本IE

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

event.preventDefault()

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

event.returnValue=false

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

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

DaXiong1024
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
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 185
JS阻止事件默认行为的三种方法
最新发布
m0_74577714的博客
06-24 415
大家有没有为默认行为感到烦恼呢？我这有三个方法可以为大家解决。好上才艺。
阻止默认行为和阻止事件传播
轻描淡写
10-02 435
08820170930 / 08920170930 1、阻止默认行为 --阻止默认行为-- window.onload = function() { var link = document.getElementById("a_tiger"); //var link = document.getElementsByTagName("a")[0]; //
如何阻止浏览器的默认行为?
无糖加冰
04-27 3378
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 1235
function stopDefault(e){ //如果提供了事件对象，则这是一个非 ie 浏览器 if(e && e.preventDefault){ //阻止浏览器的默认动作 e.preventDefault(); }else{ //ie 中阻止函数默认动作的方式 window.event.returnVa
JS传播事件、取消事件默认行为、阻止事件传播详解
10-19
JavaScript中的事件处理是Web开发中的核心概念，它涉及到事件的传播、取消默认行为以及阻止事件传播等关键点。本文将详细解析这些概念。 首先，**事件处理程序的返回值**在JavaScript中扮演着一个特殊的角色。当...
js停止冒泡和阻止浏览器默认行为的简单方法
11-25
阻止浏览器默认行为是指在触发某个事件时，不执行浏览器默认的动作。例如，点击链接时不跳转，提交表单时不发送数据等。同样有两种方法实现： 1. **W3C标准方法**：`event.preventDefault()`。这个方法会阻止浏览器...
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
10-20
本文将深入探讨两个关键的JavaScript事件处理概念：停止事件冒泡和阻止浏览器的默认行为。这两个特性对于确保页面行为符合预期至关重要，尤其是在处理复杂的交互时。 1. 停止事件冒泡 事件冒泡是事件处理的一个...
兼容IE和Firefox浏览器的阻止默认的enter提交表单事件
念念不忘的博客
06-25 760
document.onkeydown = function (event) { e = event ? event : (window.event ? window.event : null); if (e.keyCode == 13) { //执行的方法 alert('...
阻止浏览器事件传递
aegckeir70762的博客
07-12 170
阻止jQuery事件冒泡 jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止 jQuery.Event冒泡。 在jQuery.Event 的文档 中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查兼容IE的步骤。 jQuery.Event提供了...
阻止浏览器的默认行为
我不是安徒生的博客
02-28 507
阻止浏览器的默认行为，非IE下是ev.preventDefault()；IE下是 event.returnValue = false;
阻止浏览器默认行为的函数
weixin_41002312的博客
02-25 299
function preventDefault = function(event){ if (typeof event.preventDefault !== 'undefined') { event.preventDefault(); }else { event.returnValue = false; } }
JS中阻止浏览器的默认行为
weixin_42943920的博客
12-24 3270
阻止浏览器的默认行为的三种方式 阻止浏览器的默认行为 // 浏览器常见默认行为：1-a标签的点击跳转 2-表单中提交按钮的转跳 3-浏览器页面右键出现菜单 // 阻止事件的默认行为 // 1 e.preventDefault() 在事件处理函数中 // 2 e.returnValue = false 在低版本的ie中可用 // 3 return false // 只能阻止on+事件类型的事件中起作用，addEventListener（t
如何阻止事件冒泡和浏览器的默认行为
m0_37830172的博客
08-21 409
阻止事件冒泡和浏览器的默认行为 阻止事件冒泡 window.event ? window.event.cancelBubble = false ： e.stopPropagation(); 阻止默认行为 window.event ? window.event.returnValue = false ： e.preventDefault(); 原生js阻止中 return false； 只...
js之阻止浏览器默认行为
li3196672779的博客
06-08 1399
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 801
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 4133
//阻止浏览器默认行为触发的通用方法 function stopDefault(e){ //防止浏览器默认行为(W3C) if(e && e.preventDefault){ e.preventDefault(); } //IE中组织浏览器行为 else{ window.event.returnValue=fale; } return false; }
JS阻止默认行为与冒泡事件处理代码示例
在JavaScript中，我们有时需要阻止浏览器对特定事件的默认行为，例如点击链接时不再跳转，或者阻止表单提交等。此外，事件冒泡是DOM事件处理中的一个重要概念，它描述了事件如何从最深的节点开始向上级节点传播。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值