事件委托

事件委托

理解:将子元素的事件委托给父辈元素处理

  • 事件监听绑定在父元素上,但事件发生在子元素
  • 事件会冒泡到父元素

好处:

  • 新增的元素没有事件监听
  • 减少监听的数量(n==>1)

编码:

  • delegate(selector,'eventName',function(event){})//回调函数中的this是子元素
  • undelegate('eventName')

事件坐标

  • event.offsetX 远点是当前元素左上角
  • event.clientX 原点是窗口左上角
  • event.pageX 原点是页面左上角

事件相关

  • 停止事件冒泡:

image
image

posted @ 2021-12-07 10:50  举个栗子走天下  阅读(37)  评论(0编辑  收藏  举报