增强键 组合键修饰符

适用范围:

可以用如下修饰符来实现仅在按下相应按键时才触发鼠标或键盘事件的监听器。

梗概:

• .ctrl
• .alt
• .shift
• .meta
  1. 在 Mac 系统键盘上，meta 对应 command 键 (⌘)。
  2. 在 Windows 系统键盘 meta 对应 Windows 徽标键 (⊞)。
  3. 在 Sun 操作系统键盘上，meta 对应实心宝石键 (◆)。
  4. 在其他特定键盘上，尤其在 MIT 和 Lisp 机器的键盘、以及其后继产品，比如 Knight 键盘、space-cadet 键盘，meta 被标记为“META”。
  5. 在 Symbolics 键盘上，meta 被标记为“META”或者“Meta”。

1. .exact 修饰符允许你控制由精确的系统修饰符组合触发的事件。

实例:

<!-- Alt + Enter -->
<input @keyup.alt.enter="clear" />
 
<!-- Ctrl + Click -->
<!-- 即使 Alt 或 Shift 被一同按下时也会触发 -->
<div @click.ctrl="doSomething">Do something</div>
 
<!-- 有且只有 Ctrl 被按下的时候才触发 -->
<button @click.ctrl.exact="onCtrlClick">A</button>
 
<!-- 没有任何系统修饰符被按下的时候才触发 -->
<button @click.exact="onClick">A</button>