原理實現

此函式能夠滿足普通事件繫結和事件代理，什麼是事件代理？因為DOM樹形結構的原因，js繫結事件會觸發冒泡機制，既在不阻止冒泡的情況下，會觸發父元素繫結的事件，因此可以利用此機制來實現事件代理，父節點繫結事件，子節點（e.target）觸發，這樣可以減少程式碼量，使結構更加清晰。

程式碼實現

/**
 * @deprecated 通用事件監聽（支援代理）函式
 * @param {String} elem 需要被監聽的dom節點
 * @param {String} type 事件型別
 * @param {String} selector 需要觸發代理的dom節點
 * @param {Function} fn 回撥函式
 */
function bindEvent(elem, type, selector, fn) {
  if (fn == null) {
    fn = selector
    selector = null
  }
  elem.addEventListener(type, function (e) {
    var target
    if (selector) {
      // 代理
      target = e.target
      if (target.matches(selector)) {
        fn.call(target, e)
      }
    } else {
      // 不使用代理
      fn()
    }
  })
}