Update modifier key modifiers description (vuejs#618)

KingMario · chrisvfritz · commit f1d08cea8dc5 · 2016-11-29T12:47:45.000-05:00
* Update modifier key modifiers description

Add keyboard event description.
Add note for meta key.
Add examples of keyboard and mouse events.

* Update Key Modifiers title
diff --git a/src/v2/guide/events.md b/src/v2/guide/events.md
@@ -224,17 +224,29 @@ You can also [define custom key modifier aliases](../api/#keyCodes) via the glob
 Vue.config.keyCodes.f1 = 112
 ```
 
-## Mouse Event Modifiers
+## Modifier Keys
 
 > New in 2.1.0
 
-You can use the following modifiers to trigger mouse event listeners only when the corresponding key is pressed:
+You can use the following modifiers to trigger mouse or keyboard event listeners only when the corresponding modifier key is pressed:
 
 - `.ctrl`
 - `.alt`
 - `.shift`
 - `.meta`
 
+> Note: On Macintosh keyboards, meta is the command key (⌘). On Windows keyboards, meta is the windows key (⊞). On Sun Microsystems keyboards, meta is marked as a solid diamond (◆). On certain keyboards, specifically MIT and Lisp machine keyboards and successors, such as the Knight keyboard, space-cadet keyboard, meta is labeled “META”. On Symbolics keyboards, meta is labeled “META” or “Meta”.
+
+For example:
+
+```html
+<!-- Alt + C -->
+<input @keyup.alt.67="clear">
+
+<!-- Ctrl + Click -->
+<div @click.ctrl="doSomething">Do something</div>
+```
+
 ## Why Listeners in HTML?
 
 You might be concerned that this whole event listening approach violates the good old rules about "separation of concerns". Rest assured - since all Vue handler functions and expressions are strictly bound to the ViewModel that's handling the current view, it won't cause any maintenance difficulty. In fact, there are several benefits in using `v-on`:
