在表单的输入和提交操作中,内容的复制粘贴操作等,都需要使用到一些特定的按键。

  • 常用的按键码如下:
    .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

Logo

前往低代码交流专区

更多推荐