键盘快捷键处理插件 jQuery快捷键

  • 源码大小:19.03KB
  • 所需积分:1积分
  • 源码编号:19JP-3713
  • 浏览次数:500次
  • 最后更新:2023年07月14日
  • 所属栏目:其他
本站默认解压密码:19jp.com 或 19jp_com

简介

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

  • JS更新

预览截图