美文网首页
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