2018.10.03 学习笔记 // 前端Javascript // 事件

题目：

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

知识点：

• 通用事件绑定

//通用事件绑定
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属性确定事件发生的标签

• 代理

//完善事件代理

未完