Skip to content

Commit fbbd696

Browse files
committed
mouse event modifiers
NOTE: pick up from 57c7406a76784f007b863f5d7121da21b002fe42
1 parent c32ac18 commit fbbd696

File tree

1 file changed

+20
-9
lines changed

1 file changed

+20
-9
lines changed

src/v2/guide/events.md

Lines changed: 20 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -207,15 +207,15 @@ methods: {
207207

208208
キー修飾子のエイリアスの全てのリストを示します:
209209

210-
- enter
211-
- tab
212-
- delete ("Delete" と "Backspace" キー両方をキャプチャします)
213-
- esc
214-
- space
215-
- up
216-
- down
217-
- left
218-
- right
210+
- `.enter`
211+
- `.tab`
212+
- `.delete` ("Delete" と "Backspace" キー両方をキャプチャします)
213+
- `.esc`
214+
- `.space`
215+
- `.up`
216+
- `.down`
217+
- `.left`
218+
- `.right`
219219

220220
グローバルな `config.keyCodes` オブジェクト経由で[カスタムキー修飾子のエイリアス](../api/#keyCodes)も定義できます:
221221

@@ -224,6 +224,17 @@ methods: {
224224
Vue.config.keyCodes.f1 = 112
225225
```
226226

227+
## マウスイベント修飾子
228+
229+
> New in 2.1.0
230+
231+
次の修飾子を使用すると、対応するキーが押されたときにのみマウスイベントリスナをトリガできます:
232+
233+
- `.ctrl`
234+
- `.alt`
235+
- `.shift`
236+
- `.meta`
237+
227238
## なぜ HTML にリスナを記述するのですか
228239

229240
これまで説明してきたようなイベント監視のアプローチは、"関心の分離"という古き良きルールを破っているのではないか、と心配されるかもしれません。安心してください。すべての Vue ハンドラ関数と式は、現在の View を扱う ViewModel に厳密に閉じています。それによってメンテナンスが難しくなることはありません。実際、`v-on` を利用することでいくつかの利点があります。

0 commit comments

Comments
 (0)