From 410ac0d40860de2de6e0965047b896638f3a9737 Mon Sep 17 00:00:00 2001 From: linww <1845352841@qq.com> Date: Mon, 7 Jun 2021 23:41:56 +0800 Subject: [PATCH 1/6] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...13\344\273\266\345\244\204\347\220\206.md" | 96 ++++++++++++++++++- 1 file changed, 94 insertions(+), 2 deletions(-) diff --git "a/\346\236\227\344\274\237\347\216\256/Vue-2021-06-04-\344\272\213\344\273\266\345\244\204\347\220\206.md" "b/\346\236\227\344\274\237\347\216\256/Vue-2021-06-04-\344\272\213\344\273\266\345\244\204\347\220\206.md" index 55d13b0..96619d7 100644 --- "a/\346\236\227\344\274\237\347\216\256/Vue-2021-06-04-\344\272\213\344\273\266\345\244\204\347\220\206.md" +++ "b/\346\236\227\344\274\237\347\216\256/Vue-2021-06-04-\344\272\213\344\273\266\345\244\204\347\220\206.md" @@ -421,6 +421,23 @@ ### 按键修饰符 +1. Vue允许v-on在监听键盘事件时添加按键时修饰符。 +``` +//只有在 'key' 是 'Enter' 时调用 submint 方法 + + +//也可以直接将 keyboardEvent.key 暴露的忍一有效按键名转换为 kebab-case 来作为修饰符号。 + +//下面这个示例,处理函数只有在 'key' 等于 PageDown 时被调用 + +``` + +2. keyCode 的事件已被弃废,并不可能被心得浏览器所支持,使用keyCode特性也是允许的。 +``` + +``` + +3. 为了支持旧版本,提供了常用的按键码别名。 * .enter //回车键 * .tab //tab键 * .delete //“删除”和“退格”键 @@ -434,14 +451,89 @@ 类似: ``` - + ``` 按下top 键  + 可通过全局的 Vue.config.keyCodes 对象自定义按键修饰符别名。 + ``` +Vue.config.keyCodes.f1 = 999 + ``` + + 5. Vue中还支持组合写法: + ``` + 组合写法 按键组合 +@keyup.alt.67=”function” Alt + C +@click.ctrl=”function” Ctrl + Click +@keyup.ctrl.c=”function” Ctrl + C +@keyup.ctrl.c+@keyup.c=”function” Ctrl + C +``` + +### 系统修饰键(仅在按下相应按键时才触发鼠标或键盘事件的监听器,简单地说就是,配合其他按键才能使用,假设:在按住 ctrl 的情况下释放其它按键,才能触发 keyup.ctrl。而单单释放 ctrl 也不会触发事件。) + +1. .ctrl +2. .alt +3. .shift +4. .meta + +* 注意:在 Mac 系统键盘上,meta 对应 command 键 (⌘)。在 Windows 系统键盘 meta 对应 Windows 徽标键 (⊞)。在 Sun 操作系统键盘上,meta 对应实心宝石键 (◆)。在其他特定键盘上,尤其在 MIT 和 Lisp 机器的键盘、以及其后继产品,比如 Knight 键盘、space-cadet 键盘,meta 被标记为“META”。在 Symbolics 键盘上,meta 被标记为“META”或者“Meta”。 -### 系统修饰键 +``` + + + + +