美文网首页
addEventListener与attachEvent区别

addEventListener与attachEvent区别

作者: 黄黄黄大帅 | 来源:发表于2020-07-27 09:03 被阅读0次

    DOM2级事件定义了两个方法用于处理指定和删除事件处理程序的操作:

    addEventListener
    removeEventListener
    所有的DOM节点都包含这两个方法,并且他们都接受三个参数:
    1.事件类型
    2.事件处理方法
    3.布尔参数,默认false
    (true捕获阶段调用事件处理方法;false冒泡阶段调用事件处理方法。)

    let box = document.querySelector('.box')
    box.addEventListener('click',function(){
      console.log('box clicked...')
    })
    

    IE不支持addEventListener和removeEventListener方法(IE只支持事件冒泡)
    实现了两个类似的方法:

    attachEvent
    detachEvent

    let box = document.querySelector('.box')
    function xxx(){console.log('box clicked...')}
    box.attachEvent('onclick',xxx)
    

    相关文章

      网友评论

          本文标题:addEventListener与attachEvent区别

          本文链接:https://www.haomeiwen.com/subject/otbalktx.html