Shulou(Shulou.com)06/02 Report--

Mapkey plug-in response to keyboard shortcuts operation is how, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain in detail for you, people with this need can come to learn, I hope you can gain something.

Mapkey is a jQuery-based plug-in that can respond to all keyboard keystrokes. It is very easy to use and can support custom functions corresponding to trigger keys.

How to use it:

$("a#left") .mapKey ("left")

Holding down the arrow key ← is equivalent to clicking a link with a tag whose ID is left.

("a#left") .mapKey ("a")

Pressing and holding down the a key on the keyboard is equivalent to clicking a link with a label whose ID is left.

$.mapKey ("left", function () {alert ("you pressed the left arrow key!");})

Press and hold the direction key to respond to the custom function.

Sometimes we do not need to press the key operation, we can directly turn on and disable the key function.

$.fn.mapKey.disable (); / disable shortcut button function $.fn.mapKey.enable (); / / enable shortcut button function

Sometimes you need to call a third-party plug-in, using:

$("p") .mapKey ("down", {trigger: facebox.show})

That is, when the arrow key ↓ is pressed, the show method of the plug-in facebox is called.

Characters used in shortcut key pairs

Note that the keyboard keys used in the plug-in correspond to strings that are lowercase, such as (amurz).

The numeric keys directly correspond to (0-9).

F1-F12 should be converted to lowercase f1-f12.

Arrow keys use left, right, up, down

Backspace corresponds to "back"

Control corresponds to "ctrl"

Tab corresponds to tab

Caps Lock corresponds to "caps"

Space spaces correspond to "space"

Enter corresponds to "enter"

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.