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

 

 

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

2023-02-04 228 阅读1分钟

 

默认行为

 

代码解读

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

比如:

 

css

代码解读

 鼠标右键点击,会弹出一个菜单
 点击a标签后, 自己会跳转到页面

• 这些不需要我们注册就是能实现的事情, 我们叫做默认事件

阻止默认行为

不希望浏览器执行默认事件时,比如点击a标签不跳转页面, 那么就需要阻止默认事件

• 两种方式:

   

  ini

  代码解读

     1. e.preventDefault()      -> 非IE浏览器
     2. e.returnValue = false    -> IE浏览器(了解即可)
  

 

javascript

代码解读

       var oA = document.querySelector('a')

        oA.onclick = function(e){
          console.log('该函数执行, 拦截掉了 a 标签的默认行为');
          e.preventDefault()
        }

 

ini

代码解读

        a.addEventListener('click', function (e) {
        e = e || window.event
        console.log(this.href)
        e.preventDefault ? e.preventDefault() : e.returnValue = false
    })