Body代码
<a href="https://www.baidu.com/">点击之后跳转百度</a>
默认行为
不用我们注册, 但是自己存在的事情 比如:
鼠标右键单击, 会弹出一个菜单
点击 a 标签后, 自己会跳转到页面
这些不需要我们注册就是能实现的事情, 我们叫做 默认事件
阻止默认事件
不希望浏览器执行默认事件时, 比如 点击 a 标签不跳转页面, 那么就需要阻止默认事件
两种方式:
-
e.preventDefault() -> 非 IE 浏览器
-
e.returnValue = false -> IE 浏览器 (了解即可)
var oA = document.querySelector('a') oA.onclick = function (e) { console.log('该函数执行, 拦截掉了 a 标签的默认行为') e.preventDefault() }