113 lines
3.2 KiB
HTML
113 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
Copyright 2010 The Closure Library Authors. All Rights Reserved.
|
|
|
|
Use of this source code is governed by the Apache License, Version 2.0.
|
|
See the COPYING file for details.
|
|
-->
|
|
<head>
|
|
<title>goog.ui.KeyboardShortcutHandler</title>
|
|
<meta charset="utf-8">
|
|
<script src="../base.js"></script>
|
|
<script>
|
|
goog.require('goog.dom');
|
|
goog.require('goog.events.KeyCodes');
|
|
goog.require('goog.ui.KeyboardShortcutHandler');
|
|
</script>
|
|
<link rel="stylesheet" href="css/demo.css">
|
|
</head>
|
|
<body>
|
|
<h1>goog.ui.KeyboardShortcutHandler</h1>
|
|
<div id="text"></div>
|
|
<input type="text" />
|
|
<input type="checkbox" />
|
|
<input type="radio" />
|
|
<button>button</button>
|
|
<textarea></textarea>
|
|
|
|
<pre>
|
|
Shortcuts:
|
|
A
|
|
T E S T
|
|
Shift+F12
|
|
Shift+F11 C
|
|
Ctrl+A
|
|
G O O G
|
|
B C
|
|
B D
|
|
Alt+Q A
|
|
Alt+Q Shift+A
|
|
Alt+Q Shift+B
|
|
Space
|
|
Home
|
|
Enter
|
|
G S
|
|
S
|
|
Meta+y
|
|
</pre>
|
|
|
|
<script>
|
|
|
|
function showTriggered(event) {
|
|
goog.dom.setTextContent(document.getElementById('text'),
|
|
'Shortcut triggered: ' + event.identifier);
|
|
}
|
|
|
|
var shortcutHandler = new goog.ui.KeyboardShortcutHandler(document);
|
|
|
|
var NONE = goog.ui.KeyboardShortcutHandler.Modifiers.NONE;
|
|
var CTRL = goog.ui.KeyboardShortcutHandler.Modifiers.CTRL;
|
|
var SHIFT = goog.ui.KeyboardShortcutHandler.Modifiers.SHIFT;
|
|
var ALT = goog.ui.KeyboardShortcutHandler.Modifiers.ALT;
|
|
var META = goog.ui.KeyboardShortcutHandler.Modifiers.META;
|
|
|
|
shortcutHandler.registerShortcut('A', 'a');
|
|
shortcutHandler.registerShortcut('T E S T', 't e s t');
|
|
shortcutHandler.registerShortcut('SHIFT_F12', 'shift+f12');
|
|
shortcutHandler.registerShortcut('SHIFT_F11 C', 'shift+f11 c');
|
|
shortcutHandler.registerShortcut('META_Y', 'meta+y');
|
|
shortcutHandler.registerShortcut('G S', 'g s');
|
|
shortcutHandler.registerShortcut('S', 's');
|
|
|
|
shortcutHandler.registerShortcut('GOOG',
|
|
goog.events.KeyCodes.G, NONE,
|
|
goog.events.KeyCodes.O, NONE,
|
|
goog.events.KeyCodes.O, NONE,
|
|
goog.events.KeyCodes.G);
|
|
|
|
shortcutHandler.registerShortcut('CTRL_A',
|
|
goog.events.KeyCodes.A, CTRL);
|
|
|
|
shortcutHandler.registerShortcut('BC',
|
|
goog.events.KeyCodes.B, NONE,
|
|
goog.events.KeyCodes.C);
|
|
|
|
shortcutHandler.registerShortcut('BD',
|
|
goog.events.KeyCodes.B, NONE,
|
|
goog.events.KeyCodes.D);
|
|
|
|
shortcutHandler.registerShortcut('ALT_Q A',
|
|
goog.events.KeyCodes.Q, ALT,
|
|
goog.events.KeyCodes.A);
|
|
|
|
shortcutHandler.registerShortcut('ALT_Q SHIFT_A',
|
|
goog.events.KeyCodes.Q, ALT,
|
|
goog.events.KeyCodes.A, SHIFT);
|
|
|
|
shortcutHandler.registerShortcut('ALT_Q SHIFT_B', [
|
|
goog.events.KeyCodes.Q, ALT,
|
|
goog.events.KeyCodes.B, SHIFT]);
|
|
|
|
shortcutHandler.registerShortcut('SPACE', goog.events.KeyCodes.SPACE);
|
|
shortcutHandler.registerShortcut('HOME', goog.events.KeyCodes.HOME);
|
|
shortcutHandler.registerShortcut('ENTER', goog.events.KeyCodes.ENTER);
|
|
|
|
goog.events.listen(
|
|
shortcutHandler,
|
|
goog.ui.KeyboardShortcutHandler.EventType.SHORTCUT_TRIGGERED,
|
|
showTriggered);
|
|
</script>
|
|
</body>
|
|
</html>
|