DOM取消事件默认行为应用
程序员文章站
2022-05-22 16:41:47
...
一 介绍
DOM提供了preventDefault方法来取消事件对象的默认行为。
二 代码
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 阻止默认行为 </title>
</head>
<body>
友情链接：<br />
<a id="mylink" href="http://www.crazyit.org">疯狂Java联盟</a>
<script type="text/javascript">
var killClicks = function(event)
{
// 取消事件的默认行为
event.preventDefault();
alert("超链接被单击");
}
// 为按钮绑定事件处理函数（捕获阶段）
document.getElementById("mylink")
.addEventListener("click", killClicks, true);
</script>
</body>
</html>
三 运行结果
当用户单击超链接按钮时，运行结果如下：
上一篇： JavaScript = ECMAscript+DOM+BOM
下一篇： DOM插入节点
推荐阅读
-
详解vue事件对象、冒泡、阻止默认行为
-
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
-
JS传播事件、取消事件默认行为、阻止事件传播详解
-
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
-
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
-
JavaScript停止事件冒泡和取消事件默认行为
-
jquery中dom操作和事件的实例 -- 下拉框应用
-
JQuery事件e参数的方法preventDefault()取消默认行为
-
取消Bootstrap的dropdown-menu点击默认关闭事件方法
-
jq----dom.trigger(eventType,data)执行dom绑定事件的处理程序和行为