Enlace de eventos y monitoreo de eventos

• Escribe una función de escucha de eventos general

  function bindEvent(elem, type, selector, fn) {
        
        
              if (fn == null){
        
        
                  fn = selector
                  selector = null
              }
              elem.addEventListener(type, event => {
        
        
                  const target = event.target
                  if(selector) {
        
        
                      // 代理绑定
                      if (target.matches(selector)){
        
        
                          fn.call(target, event)
                      }
                  } else {
        
        
                      // 普通绑定
                      fn.call(target, event)
                  }
              })
          }
  

• Describe el flujo de eventos burbujeantes

  • Basado en la estructura del árbol DOM
  • El evento brotará a lo largo del elemento disparador
  • Escenario de aplicación: agente de eventos

• Lista desplegable infinita de imágenes, cómo controlar el clic de cada imagen

  • Agente de eventos
  • Utilice e.target para obtener el elemento disparador
  • Utilice coincidencias para determinar si activar el elemento