Skip to content

Commit bb030bd

Browse files
fsx950223Jinjiang
authored andcommitted
update events.md (vuejs#560)
* update events.md * bug fix * Update events.md * Update events.md * Update events.md
1 parent 1bdff58 commit bb030bd

File tree

1 file changed

+29
-1
lines changed

1 file changed

+29
-1
lines changed

src/v2/guide/events.md

Lines changed: 29 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -241,7 +241,21 @@ methods: {
241241
Vue.config.keyCodes.f1 = 112
242242
```
243243

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+
## 系统修饰键
245259

246260
> 2.1.0 新增
247261
@@ -266,6 +280,20 @@ Vue.config.keyCodes.f1 = 112
266280

267281
<p class="tip">修饰键比正常的按键不同;修饰键和 `keyup` 事件一起用时,事件引发时必须按下正常的按键。换一种说法:如果要引发 `keyup.ctrl`,必须按下 `ctrl` 时释放其他的按键;单单释放 `ctrl` 不会引发事件。</p>
268282

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+
269297
### 鼠标按钮修饰符
270298

271299
> 2.1.0 新增

0 commit comments

Comments
 (0)