二十六.Vue修饰符

98 阅读1分钟

Vue中的事件修饰符

  • prevent:阻止默认事件(常用)

  • native:声明原生事件(常用)

  • stop:阻止事件冒泡(常用)

  • once:事件只触发一次(常用)

  • capture:使用事件的捕获模式

  • self:只有event.target是当前操作的元素时才触发事件

  • passive:事件的默认行为立即执行,无需等待事件回调执行完毕

    • scroll 滚动条滚动事件

      • 触发事件后优先滚动,再执行函数
    • wheel 鼠标滚轮滚动事件

      • 触发事件后优先执行函数,再滚动

Vue中的键盘修饰符

  • keyup事件是键盘弹起触发

  • keydown事件是键盘按下触发

  • 回车 => enter

  • 删除 => delete (捕获“删除”和“退格”键)

  • 退出 => esc

  • 空格 => space

  • 换行 => tab (特殊,必须配合keydown去使用)

  • 上 => up

  • 下 => down

  • 左 => left

  • 右 => right

  • 系统修饰键(用法特殊):ctrl、alt、shift、meta

    • 配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。
    • 配合keydown使用:正常触发事件。