一个超小且易于使用的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