1. 程式人生 > >一個22歲在工科被虐了5年多的求offer的女研究僧的technical blog

一個22歲在工科被虐了5年多的求offer的女研究僧的technical blog

題目:

  • 編寫一個通用的事件監聽函式
  • 描述事件冒泡流程
  • 對於一個無限下拉載入圖片的頁面,如何給每個圖片繫結事件

知識點:

  • 通用事件繫結
//通用事件繫結
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屬性確定事件發生的標籤

  • 代理
//完善事件代理

未完