js默认行为以及阻止默认行为的方法

318 阅读1分钟

默认行为

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

比如:

 鼠标右键点击,会弹出一个菜单
 点击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
    })