Vue.js —— 获取按键修饰符keyCode
在表单的输入和提交操作中,内容的复制粘贴操作等,都需要使用到一些特定的按键。常用的按键码如下:.enter.tab.delete (捕获“删除”和“退格”键).esc.space.up.down.left.right.ctrl.alt.shift.meta举个栗子:// 按空格键触发Dosomething事件<input type="text" @k...
·
在表单的输入和提交操作中,内容的复制粘贴操作等,都需要使用到一些特定的按键。
- 常用的按键码如下:
.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
.ctrl
.alt
.shift
.meta
举个栗子:
// 按空格键触发Dosomething事件
<input type="text" @keyup.space="Dosomething">
对于其他的我们未知按键码的按键,可以通过以下方式获得
<template>
<div>
<input v-on:keyup="PrintKeyCode" value="打印keyCode" />
</div>
</template>
<script>
methods: {
PrintKeyCode: function() {
console.log(event.keyCode);
}
}
</script>
参考官方文档:https://cn.vuejs.org/v2/guide/events.html#%E7%B3%BB%E7%BB%9F%E4%BF%AE%E9%A5%B0%E9%94%AE
更多推荐
已为社区贡献4条内容
所有评论(0)