修饰符

作者: A郑家庆 | 来源:发表于2019-07-11 21:10 被阅读0次

事件修饰符

  • .stop:阻止事件冒泡
  • .capture:使用事件捕获模式,然后才交由内部元素处理
  • .self:处于目标阶段,才会触发,不能有子元素
  • .prevent:阻止dom默认行为,比如表单元素阻止提交功能,a标签阻止链接跳转
  • .once:绑定事件只会触发一次
  • .passive:滚动事件的默认行为(即滚动行为)将会立即触发,而不是等待onScroll完成,添加了 .passive 表示不会在监听函数里添加 preventDefault() 来阻止默认行为,也会忽略.prevent事件,因为.passive会告诉浏览器你不想阻止事件的默认行为
    DOM事件流存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。事件默认是在事件冒泡阶段触发

事件冒泡和事件捕获:
发生时间不同:事件捕获先发生,事件冒泡后发生
行为不同:事件捕获在被捕获之后事件会继续进行,阻止事件冒泡事件就会停止进行

按键修饰符

按键码
  • .enter
  • .tab
  • .delete (捕获“删除”和“退格”键)
  • .esc
  • .space
  • .up
  • .down
  • .left
  • .right
  • .ctrl
  • .alt
  • .shift
  • .meta
鼠标按钮修饰符
  • .left:在绑定dom范围内鼠标左键点击会触发
  • .right:在绑定dom范围内鼠标右键点击会触发
  • .middle:在绑定dom范围内鼠标中间键点击会触发

相关文章

  • vue 常见修饰符

    表单修饰符 事件修饰符 鼠标修饰符 键盘修饰符

  • 谈谈 OC 属性修饰符的本质是什么!

    属性修饰符的本质 assign 修饰符 copy 修饰符 atomic 修饰符 strong 修饰符 weak 修...

  • Kotlin 关键字、修饰符、操作符

    Kotlin中的修饰符关键字分类 类修饰符 成员修饰符 访问权限修饰符 协变逆变修饰符 函数修饰符 属性修饰符 参...

  • Vue修饰符

    事件修饰符 .prevent修饰符 .stop修饰符 .once修饰符 prevent修饰符 用于阻止默认事件行为...

  • 【转】vue修饰符

    目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符(实在不知道叫啥名字) 一、表单修饰符...

  • Vue这些修饰符帮我节省20%的开发时间

    目录 表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符(实在不知道叫啥名字) 表单修饰符 填写表单,...

  • vue 修饰符

    v-model 修饰符 .lazy.number.trim .sync 修饰符 .native修饰符 事件修饰符 ...

  • Java 修饰符

    Java 修饰符 Java语言提供了很多修饰符,主要分为以下两类: 访问修饰符 非访问修饰符 修饰符用来定义类、方...

  • 日常记忆Java修饰符

    Java修饰符 Java语言提供的很多修饰符,主要分为以下两类: 访问修饰符 非访问修饰符修饰符用来定义类、方法或...

  • java学习笔记第二天

    java修饰符 java修饰符 java语言提供了很多修饰符,主要分为下面两类: 1.访问修饰符 2.非访问修饰符...

网友评论

      本文标题:修饰符

      本文链接:https://www.haomeiwen.com/subject/vcvdkctx.html