From ee6f1e10b1156c6eca276855d84079f9c03ebce7 Mon Sep 17 00:00:00 2001 From: Takuma Hanatani Date: Sun, 26 Feb 2017 20:21:55 +0900 Subject: [PATCH] =?UTF-8?q?v2.2=E3=82=A2=E3=83=83=E3=83=97=E3=83=87?= =?UTF-8?q?=E3=83=BC=E3=83=88=E3=81=AB=E3=81=8A=E3=81=91=E3=82=8Bsrc/v2/gu?= =?UTF-8?q?ide/events.md=E3=81=AE=E5=A4=89=E6=9B=B4=E3=81=AE=E7=BF=BB?= =?UTF-8?q?=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/v2/guide/events.md | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/src/v2/guide/events.md b/src/v2/guide/events.md index b7ad9cf79..ab33c5ccb 100644 --- a/src/v2/guide/events.md +++ b/src/v2/guide/events.md @@ -238,7 +238,7 @@ methods: { Vue.config.keyCodes.f1 = 112 ``` -## マウス修飾子キー +## 修飾子キー > New in 2.1.0 @@ -250,9 +250,9 @@ Vue.config.keyCodes.f1 = 112 - `.meta` > 注意: Macintosh キーボードの場合、meta はコマンドキー（⌘）です。Windows のキーボードでは、meta はウィンドウキー（⊞）です。Sun Microsystems のキーボードでは、メタは実線のダイヤモンド（◆）とマークされています。特定のキーボードでは、特に MIT や Lisp マシンのキーボードと Knight キーボード、space-cadet キーボード、メタのような後継機には "META" と表示されます。 Symbolics のキーボードでは、 "META" または "Meta" というラベルが付いています。 - + 例: - + ```html @@ -263,6 +263,16 @@ Vue.config.keyCodes.f1 = 112

修飾子キーは通常のキーとは異なり、`keyup` イベントと一緒に使用するときは、イベントが発生したときに押さなければならないことに注意してください。言い換えると、`keyup.ctrl` は `ctrl` を押しながらキーを離したときにのみ、トリガーされます。`ctrl` キーだけを離すと、トリガーされません。

+### マウスボタンの修飾子 + +> 2.2.0 からの新機能 + +- `.left` +- `.right` +- `.middle` + +これらの修飾子は、イベントのトリガーのハンドリングを、特定のマウスのボタンのみに制限します。 + ## なぜ HTML にリスナを記述するのですか これまで説明してきたようなイベント監視のアプローチは、"関心の分離"という古き良きルールを破っているのではないか、と心配されるかもしれません。安心してください。すべての Vue ハンドラ関数と式は、現在の View を扱う ViewModel に厳密に閉じています。それによってメンテナンスが難しくなることはありません。実際、`v-on` を利用することでいくつかの利点があります。