一个超小且易于使用的jQuery插件,用于处理网页上的键盘快捷键。同时支持密钥名称和密钥代码。
非常适合将复活节彩蛋添加到您的网页或创建由键盘组合触发的自定义事件。
1.要使用该插件,请在网页上同时包含jQuery库(建议使用苗条版本)和jQuery ShortcutKeys插件。
- <script src="/path/to/cdn/jquery.slim.min.js"></script>
- <script src="JQuery.ShortcutKeys.js"></script>
2.创建一个新的键盘快捷方式,如下所示:
- $("body").setShortcutKey( ALT , F1 , function() {
- // You just Pressed ALT+F1
- });
- // or
- $("body").setShortcutKey( 18 , 112 , function() {
- // You just Pressed ALT+F1
- });
- // no modifier key
- $("body").setShortcutKey( null , 112 , function() {
- // You just Pressed F1
- });
3.所有钥匙代码:
- var BACK_SPACE = 8; // BACKSPACE
- var TAB = 9; // TAB
- var RETURN = 13; // ENTER
- var SHIFT = 16; // SHIFT
- var CONTROL = 17; // CTRL
- var ALT = 18; // ALT
- var PAUSE = 19; // PAUSE/BREAK
- var CAPS_LOCK = 20; // CAPS LOCK
- var ESCAPE = 27; // ESCAPE
- var PAGE_UP = 33; // PAGE UP
- var PAGE_DOWN = 34; // PAGE DOWN
- var END = 35; // END
- var HOME = 36; // HOME
- var LEFT = 37; // LEFT ARROW
- var UP = 38; // UP ARROW
- var RIGHT = 39; // RIGHT ARROW
- var DOWN = 40; // DOWN ARROW
- var INSERT = 45; // INSERT
- var DELETE = 46; // DELETE
- var N0 = 48; // 0
- var N1 = 49; // 1
- var N2 = 50; // 2
- var N3 = 51; // 3
- var N4 = 52; // 4
- var N5 = 53; // 5
- var N6 = 54; // 6
- var N7 = 55; // 7
- var N8 = 56; // 8
- var N9 = 57; // 9
- var A = 65; // A
- var B = 66; // B
- var C = 67; // C
- var D = 68; // D
- var E = 69; // E
- var F = 70; // F
- var G = 71; // G
- var H = 72; // H
- var I = 73; // I
- var J = 74; // J
- var K = 75; // K
- var L = 76; // L
- var M = 77; // M
- var N = 78; // N
- var O = 79; // O
- var P = 80; // P
- var Q = 81; // Q
- var R = 82; // R
- var S = 83; // S
- var T = 84; // T
- var U = 85; // U
- var V = 86; // V
- var W = 87; // W
- var X = 88; // X
- var Y = 89; // Y
- var Z = 90; // Z
- var WIN = 91; // LEFT WINDOW KEY
- var WIN = 92; // RIGHT WINDOW KEY
- var CONTEXT_MENU = 93; // SELECT KEY
- var NUMPAD0 = 96; // NUMPAD 0
- var NUMPAD1 = 97; // NUMPAD 1
- var NUMPAD2 = 98; // NUMPAD 2
- var NUMPAD3 = 99; // NUMPAD 3
- var NUMPAD4 = 100; // NUMPAD 4
- var NUMPAD5 = 101; // NUMPAD 5
- var NUMPAD6 = 102; // NUMPAD 6
- var NUMPAD7 = 103; // NUMPAD 7
- var NUMPAD8 = 104; // NUMPAD 8
- var NUMPAD9 = 105; // NUMPAD 9
- var MULTIPLY = 106; // MULTIPLY
- var ADD = 107; // ADD
- var SUBTRACT = 109; // SUBTRACT
- var DECIMAL = 110; // DECIMAL POINT
- var DIVIDE = 111; // DIVIDE
- var F1 = 112; // F1
- var F2 = 113; // F2
- var F3 = 114; // F3
- var F4 = 115; // F4
- var F5 = 116; // F5
- var F6 = 117; // F6
- var F7 = 118; // F7
- var F8 = 119; // F8
- var F9 = 120; // F9
- var F10 = 121; // F10
- var F11 = 122; // F11
- var F12 = 123; // F12
- var NUM_LOCK = 144; // NUM LOCK
- var SCROLL_LOCK = 145; // SCROLL LOCK
- var VOLUME_UP = 186; // SEMI-COLON
- var VOLUME_UP = 187; // EQUAL SIGN
- var COMMA = 188; // COMMA
- var COMMA = 189; // DASH
- var PERIOD = 190; // PERIOD
- var SLASH = 191; // FORWARD SLASH
- var BACK_QUOTE = 192; // GRAVE ACCENT
- var OPEN_BRACKET = 219; // OPEN BRACKET
- var BACK_SLASH = 220; // BACK SLASH
- var CLOSE_BRACKET = 221; // CLOSE BRAKET
- var QUOTE = 222; // SINGLE QUOTE
2022-02-09