File tree Expand file tree Collapse file tree 1 file changed +29
-1
lines changed Expand file tree Collapse file tree 1 file changed +29
-1
lines changed Original file line number Diff line number Diff line change @@ -241,7 +241,21 @@ methods: {
241
241
Vue .config .keyCodes .f1 = 112
242
242
```
243
243
244
- ## 修饰键
244
+ ### 自动匹配按键修饰符
245
+
246
+ > 2.5.0 新增
247
+
248
+ 你也可以通过将它们转换到 kebab-case 来直接使用由 [ ` KeyboardEvent.key ` ] ( https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key/Key_Values ) 暴露的任意有效按键名作为修饰符:
249
+
250
+ ``` html
251
+ <input @keyup.page-down =" onPageDown" >
252
+ ```
253
+
254
+ 在上面的例子中,处理函数仅在 ` $event.key === 'PageDown' ` 时被调用。
255
+
256
+ <p class =" tip " >极少数的键 (`.esc` 以及所有的方向键) 在 IE9 中有不同的 `key` 值, 如果你想支持 IE9,它们的内置别名应该是首选。</p >
257
+
258
+ ## 系统修饰键
245
259
246
260
> 2.1.0 新增
247
261
@@ -266,6 +280,20 @@ Vue.config.keyCodes.f1 = 112
266
280
267
281
<p class =" tip " >修饰键比正常的按键不同;修饰键和 `keyup` 事件一起用时,事件引发时必须按下正常的按键。换一种说法:如果要引发 `keyup.ctrl`,必须按下 `ctrl` 时释放其他的按键;单单释放 `ctrl` 不会引发事件。</p >
268
282
283
+ ### ` .exact ` 修饰符
284
+
285
+ > 2.5.0 新增
286
+
287
+ ` .exact ` 修饰符应与其他系统修饰符组合使用,以指示处理程序只在精确匹配该按键组合时触发。
288
+
289
+ ``` html
290
+ <!-- 即使 Alt 或 Shift 被一同按下时也会触发 -->
291
+ <button @click.ctrl =" onClick" >A</button >
292
+
293
+ <!-- 只有在 Ctrl 被按下的时候触发 -->
294
+ <button @click.ctrl.exact =" onCtrlClick" >A</button >
295
+ ```
296
+
269
297
### 鼠标按钮修饰符
270
298
271
299
> 2.1.0 新增
You can’t perform that action at this time.
0 commit comments