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