常用事件修饰符

文章目录

  • .stop阻止冒泡
  • .prevent阻止默认行为
  • .capture使用 .capture 实现捕获触发事件
  • 使用 .self 实现只有点击当前元素时候,才会触发事件处理函数
  • 使用 .once 只触发一次事件处理函数

.stop阻止冒泡

    

当点击button的时候,会先执行button的点击事件,再执行div的点击事件,不符合需求。加上**.stop**之后就只执行button的点击事件。

.prevent阻止默认行为

有问题,先去百度 

如果不加**.prevent**,点击的时候,先执行点击事件,再跳转链接。
加上之后,阻止了跳转链接的默认行为

.capture使用 .capture 实现捕获触发事件

     

点击button的时候,先触发 div事件,再触发button事件

使用 .self 实现只有点击当前元素时候,才会触发事件处理函数

使用 .once 只触发一次事件处理函数

你可能感兴趣的:(前端)