标签：代码 preventDefault 默认 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 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
    })

   

标签：代码,preventDefault,默认,js,解读,复制,行为
From： https://www.cnblogs.com/kvluu/p/18356377