posts - 6,comments - 0,trackbacks - 0

  1. 事件委托(委派/代理):
    • 将多个子元素(li)的事件监听委托给父辈元素(ul)处理
    • 监听回调是加在了父辈元素上
    • 当操作任何一个子元素(li)时, 事件会冒泡到父辈元素(ul)
    • 父辈元素不会直接处理事件, 而是根据event.target得到发生事件的子元素(li), 通过这个子元素调用事件回调函数
  2. 事件委托的2方:
    • 委托方: 业主 li
    • 被委托方: 中介 ul
  3. 使用事件委托的好处
    • 添加新的子元素, 自动有事件响应处理
    • 减少事件监听的数量: n==>1
  4. jQuery的事件委托API
    • 设置事件委托: $(parentSelector).delegate(childrenSelector, eventName, callback)
    • 移除事件委托: $(parentSelector).undelegate(eventName)
posted on 2020-09-04 14:19  有糖不给你  阅读(21)  评论(0编辑  收藏