File tree Expand file tree Collapse file tree 1 file changed +20
-9
lines changed Expand file tree Collapse file tree 1 file changed +20
-9
lines changed Original file line number Diff line number Diff line change @@ -207,15 +207,15 @@ methods: {
207
207
208
208
キー修飾子のエイリアスの全てのリストを示します:
209
209
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`
219
219
220
220
グローバルな ` config.keyCodes ` オブジェクト経由で[ カスタムキー修飾子のエイリアス] ( ../api/#keyCodes ) も定義できます:
221
221
@@ -224,6 +224,17 @@ methods: {
224
224
Vue .config .keyCodes .f1 = 112
225
225
```
226
226
227
+ ## マウスイベント修飾子
228
+
229
+ > New in 2.1.0
230
+
231
+ 次の修飾子を使用すると、対応するキーが押されたときにのみマウスイベントリスナをトリガできます:
232
+
233
+ - ` .ctrl `
234
+ - ` .alt `
235
+ - ` .shift `
236
+ - ` .meta `
237
+
227
238
## なぜ HTML にリスナを記述するのですか
228
239
229
240
これまで説明してきたようなイベント監視のアプローチは、"関心の分離"という古き良きルールを破っているのではないか、と心配されるかもしれません。安心してください。すべての Vue ハンドラ関数と式は、現在の View を扱う ViewModel に厳密に閉じています。それによってメンテナンスが難しくなることはありません。実際、` v-on ` を利用することでいくつかの利点があります。
You can’t perform that action at this time.
0 commit comments