事件修饰符@（stop, prevent, self, once, capture, passive）

<div  @touchmove.prevent></div>

.stop：是阻止冒泡行为,不让当前元素的事件继续往外触发,如阻止点击div内部事件,触发div事件
.prevent：是阻止事件本身行为,如阻止超链接的点击跳转,form表单的点击提交
.self：是只有是自己触发的自己才会执行,如果接受到内部的冒泡事件传递信号触发,会忽略掉这个信号
.capture：是改变js默认的事件机制,默认是冒泡,capture功能是将冒泡改为倾听模式
.once：是将事件设置为只执行一次,如 .click.prevent.once 代表只阻止事件的默认行为一次,当第二次触发的时候事件本身的行为会执行
.passive：滚动事件的默认行为 (即滚动行为) 将会立即触发，而不会等待 onScroll 完成。这个 .passive 修饰符尤其能够提升移动端的性能。

事件修饰符@（stop, prevent, self, once, capture, passive）相关推荐

Vue事件修饰符（prevent，stop，once，capture，self）
1.Vue的事件修饰符: 1.prevent 阻止默认事件(常用) 2.stop:阻止默认冒泡(常用) 3.once:事件只触发一次(常用) 4.capture:使用事件的捕获模式 5.self:只有 ...
[vue] 写出你知道的表单修饰符和事件修饰符
[vue] 写出你知道的表单修饰符和事件修饰符事件修饰符.stop .prevent .capture .self .once .passive 表单修饰符.number .lazy .trim 个 ...
vue事件修饰符有哪些
vue 事件修饰符 1.prevent:阻止默认事件 2.stop:阻止事件冒泡 3.once:事件只触发一次 4.capture:使用事件的捕捉模式 5.self:只有event.target是当前 ...
vue事件修饰符示例以及介绍
1vue中的事件修饰符 1.prevent 阻止默认事件示例: 不加时,点击a标签后先执行方法,方法执行结束跳转链接 <a href="www.baidu.com" @cl ...
026——VUE中事件修饰符之使用$event与$prevent修饰符操作表单
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
黑马vue---13、事件修饰符的介绍
黑马vue---13.事件修饰符的介绍一.总结一句话总结: .stop 阻止冒泡:input type="button" value="戳他" @click ...
Vue指令之v-on的缩写和事件修饰符||.stop 和 .self 的区别
事件修饰符: .stop 阻止冒泡注:不阻止冒泡的话:先冒里面的那个元素,再冒外面的元素 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式注:捕获时间:先冒外面的 ...
vue学习：事件传递（冒泡和捕获），事件委托，jquery中的事件委托，$event 获取元素，vue事件修饰符
事件传递 ----冒泡和捕获 DOM事件标准定义了两种事件流,这两种事件流分别是捕获和冒泡. 和许多Web技术一样,在它们成为标准之前,Netscape和微软各自不同地实现了它们.Netscape选 ...
【Vue】五个最常用的事件修饰符
事件修饰符概览修饰符说明 .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .once 事件只触发一次 .self 只有点击当前元素本身时才 ...

事件修饰符@（stop, prevent, self, once, capture, passive）

事件修饰符@（stop, prevent, self, once, capture, passive）

事件修饰符@（stop, prevent, self, once, capture, passive）相关推荐

最新文章

热门文章