阻断默认行为

83 阅读1分钟

Body代码

    <a href="https://www.baidu.com/">点击之后跳转百度</a>
默认行为

不用我们注册, 但是自己存在的事情 比如:

鼠标右键单击, 会弹出一个菜单

点击 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()
     }