取消事件的默认行为

最新推荐文章于 2022-03-06 23:47:51 发布
最新推荐文章于 2022-03-06 23:47:51 发布
阅读量2k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lpandeng/article/details/60149901
版权 
<body>
	
	<a href="http://www.baidu.com">www.baidu.com</a>

</body>
	
	<script>
		
		var a = document.querySelector("a");
		var isFirst = true;
		a.addEventListener("click", function(){
			if (isFirst) {
				// cancelable表示事件是否可以取消默认行为，这是在事件 对象 在创建的时候就已经决定的
				if (event.cancelable) {
					// preventDefault是事件对象的方法，用来取消事件的默认行为
					// 另外一个与其相关的状态是 defaultPreventd 用来获取事件有没有被取消过默认行为
					event.preventDefault();
					// location.href = "http://www.hnqingyun.com";
					window.open("http://www.google.com");
				}
				isFirst = false;
			}
		});

	</script>

昔人'
关注
专栏目录
flex中event.preventDefault()方法取消事件的默认行为
10-27
当点击datagrid的第一和第四项时，itemEdit事件将不起作用，许多事件都有默认执行的关联行为，接下来为大家详细介绍下，感兴趣的朋友可以参考下哈
JS传播事件、取消事件默认行为、阻止事件传播详解
10-19
JavaScript中的事件处理是Web开发中的核心概念，它涉及到事件的传播、取消默认行为以及阻止事件传播等关键点。本文将详细解析这些概念。 首先，**事件处理程序的返回值**在JavaScript中扮演着一个特殊的角色。当...
取消事件的默认行为(如果可以取消)
狐说霸道
05-17 1039
默认情况下，许多事件都有Flash Player执行的关联行为。例如，如果用户在文本字段中键入一个字符，则默认行为就是在文本字段中显示该字符。可以使用preventDefault()方法来防止显示该字符然后很多事件是瞬发的，像点击事件、获得焦点、失去焦点事件可以使用Event.cancelable属性来判断是否可以取消行为，如果返回true，则可以使用preventDefault()来取消
js中preventDefault、stopPropagation、return false三者之间
weixin_33924312的博客
07-17 272
2019独角兽企业重金招聘Python工程师标准>>> ...
DOM取消事件默认行为应用
实践求真知
11-22 959
一 介绍 DOM提供了preventDefault方法来取消事件对象的默认行为。   二 代码 阻止默认行为 友情链接： 疯狂Java联盟 var killClicks = function(event) { // 取消事件的默认行为 event.preventDefault(); alert("超
event.preventDefault() 取消事件的默认行为。
热门推荐
Xiang
05-05 1万+
先看一个例子： <mx:DataGrid id="songList" dataProvider="{songDB}" width="100%" height="100%" editable="true" itemEditEnd="itemEditEndHandler(event)" itemEditBeginning="itemEditBeginningHandler(event)"
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
12-12
在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e....
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
09-04
2. 只阻止事件的传播（不取消默认行为）： ```javascript function stopPropagationOnly(evt) { var evt = evt || window.event; if (evt.stopPropagation) { evt.stopPropagation(); } else { evt....
如何解决jQuery事件冒泡和默认行为
surprise_bao的博客
05-06 217
如何解决jQuery事件冒泡和默认行为 什么是事件冒泡 由子元素触发了事件就会向父元素冒泡;并会响应 如何阻止事件冒泡 $(".son").click(function () { console.log(123); return false; // 第一种阻止方式 }) $(".son").click(function (event) { console.log(123); ...
JS阻止事件冒泡
harcdy的专栏
04-13 168
自:http://zhidao.baidu.com/question/164284686.html?an=0&si=6 IE的event和其他的标准DOM的Event是不一样的，不同的浏览器事件的冒泡机制也是有区别 IE： window.event.cancelBubble = true;//停止冒泡 window.event.returnValue = false;//阻止事件的...
原生js取消默认行为执行的3种方法
u010234868的专栏
07-07 1550
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="http://www.baidu.com" id="link">百度</a> <script> var link = document.getE.
DOM系列之阻止冒泡和取消默认行为
老__L的博客
03-06 1559
阻止冒泡和取消默认行为
取消事件冒泡，取消默认行为
lililiaaa的博客
11-11 763
取消事件冒泡 标准浏览器：e.stopPropagation; IE浏览器:window.event.cancelBubble=true;（为了做兼容，如果在前面写明e=e||window.event;IE里面就是e.cancelBubble=true;） 阻止事件行为 阻止事件默认行为： e.preventDefault(); IE:e.returnValue = false ; 阻止鼠标右键的...
JavaScript 取消默认事件、阻止事件冒泡的方法
编程界明世隐的博客
12-16 1457
首先页面上创建一个a标签：<a href="#" onclick="do_Click()">默认事件</a> 然后给body加一个点击事件： document.body.onclick=function(){ alert('body'); } 当我点击这个a标签的时候会有两个我们不想发生的事情： 1.浏览器地址尾部出现 # 号，这是a标签的默认事件。 2.alert('body'); 被执行了，这是事件冒泡。 针对这两个有专门的控制方...
JS 阻止事件冒泡、取消默认事件（默认行为）【前端小白篇】
apjcui的博客
12-18 2884
1.冒泡事件 不多说直接放代码！！！ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <div id='box1' onClick=alert('box1点击事件')> <h2...
JS学习-8.事件对象及取消默认事情
qq_37974765的博客
11-15 400
事件对象:是和当前事件有关系 event：可以找到和这个事件有关系的内容 事件坐标：clientX/clientY 取消默认事件：return false onmousemove：鼠标在内容上滑动时进行触发 onmouseup：鼠标抬起 onmousedown：鼠标按下 oncontextmenu:鼠标右键 onkeydown：键盘按下 onkeyup：键盘抬起 事件对象和取消默认事件的实例： 获取鼠标滑动位置的坐标 <!DOCTYPE html> <html> <head&
事件冒泡与默认行为
weixin_30644369的博客
02-01 311
在说事件冒泡之前，我们先说说事件对象（Event） Event 在触发DOM上某个事件时，会产生一个事件对象event，这个对象包含着所有事件有关的信息（导致事件的元素、事件的类型、与特定事件相关的信息） 所有浏览器都支持Event对象，但支持方式不同 IE中的事件对象：window.event 　　　　　/* 封装Event对象 ...
js取消事件默认行为还原
最新发布
05-24
可以使用`event.preventDefault()`方法来取消事件的默认行为，如果想要还原默认行为，可以使用`event.returnValue`属性。 例如，取消链接的默认跳转行为： ```javascript document.querySelector('a').addEventListener('click', function(event) { event.preventDefault(); }); // 还原默认行为 document.querySelector('a').addEventListener('dblclick', function(event) { event.returnValue = true; }); ``` 需要注意的是，有些事件的默认行为不能被还原，例如`unload`事件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

昔人'

你的鼓励将是我创造的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值