题目:

  • 编写一个通用的事件监听函数
  • 描述事件冒泡流程
  • 对于一个无限下拉加载图片的页面,如何给每个图片绑定事件

知识点:

  • 通用事件绑定
//通用事件绑定
var btn = document.getElementById('btn1')
btn.addEventListener('click',function(event){
    console.log('clicked')
})

function bindEvent(elem,type,fn){
    elem.addEventListener(type,fn)
}

var a = document.getElementById('link1')
bindEvent(a,'click',function(e){
    e.preventDefault() // 阻止默认行为
    alert('clicked')
})
  • 事件冒泡

应用:事件委托/代理将事件绑定在父元素上,可以用target属性确定事件发生的标签

  • 代理
//完善事件代理

未完

10-03 20:14