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

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

简介

一个超小且易于使用的jQuery插件,用于处理网页上的键盘快捷键。同时支持密钥名称和密钥代码。

非常适合将复活节彩蛋添加到您的网页或创建由键盘组合触发的自定义事件。

如何使用它:

1.要使用该插件,请在网页上同时包含jQuery库(建议使用苗条版本)和jQuery ShortcutKeys插件。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>
  2. <script src="JQuery.ShortcutKeys.js"></script>

2.创建一个新的键盘快捷方式,如下所示:

  1. $("body").setShortcutKey( ALT , F1 , function() {
  2. // You just Pressed ALT+F1
  3. });
  4.  
  5. // or
  6. $("body").setShortcutKey( 18 , 112 , function() {
  7. // You just Pressed ALT+F1
  8. });
  9.  
  10. // no modifier key
  11. $("body").setShortcutKey( null , 112 , function() {
  12. // You just Pressed F1
  13. });

3.所有钥匙代码:

  1. var BACK_SPACE = 8; // BACKSPACE
  2. var TAB = 9; // TAB
  3. var RETURN = 13; // ENTER
  4. var SHIFT = 16; // SHIFT
  5. var CONTROL = 17; // CTRL
  6. var ALT = 18; // ALT
  7. var PAUSE = 19; // PAUSE/BREAK
  8. var CAPS_LOCK = 20; // CAPS LOCK
  9. var ESCAPE = 27; // ESCAPE
  10. var PAGE_UP = 33; // PAGE UP
  11. var PAGE_DOWN = 34; // PAGE DOWN
  12. var END = 35; // END
  13. var HOME = 36; // HOME
  14. var LEFT = 37; // LEFT ARROW
  15. var UP = 38; // UP ARROW
  16. var RIGHT = 39; // RIGHT ARROW
  17. var DOWN = 40; // DOWN ARROW
  18. var INSERT = 45; // INSERT
  19. var DELETE = 46; // DELETE
  20. var N0 = 48; // 0
  21. var N1 = 49; // 1
  22. var N2 = 50; // 2
  23. var N3 = 51; // 3
  24. var N4 = 52; // 4
  25. var N5 = 53; // 5
  26. var N6 = 54; // 6
  27. var N7 = 55; // 7
  28. var N8 = 56; // 8
  29. var N9 = 57; // 9
  30. var A = 65; // A
  31. var B = 66; // B
  32. var C = 67; // C
  33. var D = 68; // D
  34. var E = 69; // E
  35. var F = 70; // F
  36. var G = 71; // G
  37. var H = 72; // H
  38. var I = 73; // I
  39. var J = 74; // J
  40. var K = 75; // K
  41. var L = 76; // L
  42. var M = 77; // M
  43. var N = 78; // N
  44. var O = 79; // O
  45. var P = 80; // P
  46. var Q = 81; // Q
  47. var R = 82; // R
  48. var S = 83; // S
  49. var T = 84; // T
  50. var U = 85; // U
  51. var V = 86; // V
  52. var W = 87; // W
  53. var X = 88; // X
  54. var Y = 89; // Y
  55. var Z = 90; // Z
  56. var WIN = 91; // LEFT WINDOW KEY
  57. var WIN = 92; // RIGHT WINDOW KEY
  58. var CONTEXT_MENU = 93; // SELECT KEY
  59. var NUMPAD0 = 96; // NUMPAD 0
  60. var NUMPAD1 = 97; // NUMPAD 1
  61. var NUMPAD2 = 98; // NUMPAD 2
  62. var NUMPAD3 = 99; // NUMPAD 3
  63. var NUMPAD4 = 100; // NUMPAD 4
  64. var NUMPAD5 = 101; // NUMPAD 5
  65. var NUMPAD6 = 102; // NUMPAD 6
  66. var NUMPAD7 = 103; // NUMPAD 7
  67. var NUMPAD8 = 104; // NUMPAD 8
  68. var NUMPAD9 = 105; // NUMPAD 9
  69. var MULTIPLY = 106; // MULTIPLY
  70. var ADD = 107; // ADD
  71. var SUBTRACT = 109; // SUBTRACT
  72. var DECIMAL = 110; // DECIMAL POINT
  73. var DIVIDE = 111; // DIVIDE
  74. var F1 = 112; // F1
  75. var F2 = 113; // F2
  76. var F3 = 114; // F3
  77. var F4 = 115; // F4
  78. var F5 = 116; // F5
  79. var F6 = 117; // F6
  80. var F7 = 118; // F7
  81. var F8 = 119; // F8
  82. var F9 = 120; // F9
  83. var F10 = 121; // F10
  84. var F11 = 122; // F11
  85. var F12 = 123; // F12
  86. var NUM_LOCK = 144; // NUM LOCK
  87. var SCROLL_LOCK = 145; // SCROLL LOCK
  88. var VOLUME_UP = 186; // SEMI-COLON
  89. var VOLUME_UP = 187; // EQUAL SIGN
  90. var COMMA = 188; // COMMA
  91. var COMMA = 189; // DASH
  92. var PERIOD = 190; // PERIOD
  93. var SLASH = 191; // FORWARD SLASH
  94. var BACK_QUOTE = 192; // GRAVE ACCENT
  95. var OPEN_BRACKET = 219; // OPEN BRACKET
  96. var BACK_SLASH = 220; // BACK SLASH
  97. var CLOSE_BRACKET = 221; // CLOSE BRAKET
  98. var QUOTE = 222; // SINGLE QUOTE

更新日志:

2022-02-09

  • JS更新

预览截图