@submit.prevent 这个 .prevent 就是修饰符

事件修饰符

  • .prevent 事件处理函数内部使用 event.preventDefault();
  • .once 只调用一次事件处理，调用一次以后自动移除监听器 once: true
  • .stop 阻止事件冒泡 cancelBubble / stopPropagation();
  • .capture 采用捕获 capture: true
  • .self 跳过非事件源的事件触发

  • .passive 永远不调用 event.preventDefault(); passive:true :::info 在 DOM4 addEventListener 的第三个参数可以是原来的 useCapture，也能是一个 options 的对象
    这个对象有三个属性：capture, once, passive ::: :::warning 连用的情况，一定要注意顺序问题
    .prevent 和 .passive 连用时会报错 :::

    按键修饰符

    把 KeyboardEvent.key 暴露的任意有效键名转为 Kebab-case 来作修饰符

    别名

  • .enter

  • .tab
  • .delete
  • .esc
  • .space
  • .up
  • .down
  • .left

  • .right

    系统按键修饰符

  • .ctrl

  • .alt
  • .shift

  • .meta

    .exact

    有且只有才会触发

    鼠标按键修饰符

  • .left

  • .middle
  • .right