Skip to content

v2.2アップデートにおけるsrc/v2/guide/events.mdの変更の翻訳 #225

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 26, 2017
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 13 additions & 3 deletions src/v2/guide/events.md
Original file line number Diff line number Diff line change
Expand Up @@ -238,7 +238,7 @@ methods: {
Vue.config.keyCodes.f1 = 112
```

## マウス修飾子キー
## 修飾子キー

> New in 2.1.0

Expand All @@ -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
<!-- Alt + C -->
<input @keyup.alt.67="clear">
Expand All @@ -263,6 +263,16 @@ Vue.config.keyCodes.f1 = 112

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

### マウスボタンの修飾子

> 2.2.0 からの新機能

- `.left`
- `.right`
- `.middle`

これらの修飾子は、イベントのトリガーのハンドリングを、特定のマウスのボタンのみに制限します。

## なぜ HTML にリスナを記述するのですか

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