事件代理？

1.什么是事件代理？

        事件代理也叫事件委托，只指定一个事件处理程序，就可以管理某一类型得事件。

        可以简单理解为，事件代理就是将本应该绑定子元素事件绑定给父元素代理。它的优点就是：减少事件得执行，减少浏览器重排重绘，优化页面性能，给新增元素绑定事

  
  
  
  
  



  

    
我是第1个li
    
我是第2个li
    
我是第3个li
    
我是第4个li
    
我是第5个li
    
我是第6个li
    
我是第7个li
    
我是第8个li
    
我是第9个li
    
我是第10个li
  
  

浏览器运行结果如下：

  
  
  
  



  

    
第一个li标签
    
第二个li标签
    
第三个li标签
  
  

浏览器运行结果如下：

 

---

2.事件类型

        select 输入框选择字符触发    resize 窗口缩放触发    scroll 滚动事件     获取滚动条距离上方位置 document.documentElement.scrollTop || window.pageYoffset;
        鼠标事件
            mouseenter    mousemove    mouseleave    mouseup    mousedown    mousewheel
        键盘事件
            keyup 键盘抬起    keydown 键盘按下    keypress 键盘持续按下
        输入框事件
            focus 聚焦    blur失焦    input 监听输入框事件    textInput 监听输入框事件 使用dom2级事件进行绑定

  
  
  
  
  



  
  
我是一个div
  
  

浏览器运行结果如下：