defaultPrevented 事件属性
JavaScript基础 2022-06-08 12:05:00小码哥的IT人生shichen
defaultPrevented 事件属性
实例
防止链接打开 URL，并检查是否调用了 preventDefault()：
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
alert("Was preventDefault() called: " + event.defaultPrevented);
});
完整实例：
<!DOCTYPE html>
<html>
<body>
<a id="myAnchor" href="http://wwww.phpcodeweb.com/">访问 phpcodeweb.com.cn</a>
<p>preventDefault() 方法将阻止上面的链接跟随 URL。</p>
<p>请单击链接并检查是否阻止了默认操作。</p>
<script>
document.getElementById("myAnchor").addEventListener("click", function(event){
event.preventDefault()
alert("Was preventDefault() called: " + event.defaultPrevented);
});
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
defaultPrevented 事件属性检查是否为该事件调用了 preventDefault() 方法。
浏览器支持
表中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| defaultPrevented | 18.0 | 9.0 | 6.0 | 5.0 | 11.0 |
语法
event.defaultPrevented技术细节
| 返回值： |
布尔值，指示是否为事件调用了 preventDefault() 方法。 可能的值：
|
|---|---|
| DOM 版本： | DOM Level 3 Events |
