Free World
「生活可以更简单, 欢迎来到我的开源世界」
Home
Tags
Feeds
About
一个jQuery热键插件:js-hotkeys
jquery
javascript
2016-05-31

一个jQuery热键插件:js-hotkeys

<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">

<colgroup>

<col class="org-left" />

<col class="org-left" />

<col class="org-left" />

<col class="org-left" />

<col class="org-left" />

<col class="org-left" />

<col class="org-left" />

<col class="org-left" />

</colgroup>

<thead>

<tr>

<th scope="col" class="org-left">

SK

</th>

<th scope="col" class="org-left">

L

</th>

<th scope="col" class="org-left">

SMC

</th>

<th scope="col" class="org-left">

SMS

</th>

<th scope="col" class="org-left">

SMA

</th>

<th scope="col" class="org-left">

SMCSK

</th>

<th scope="col" class="org-left">

SMSSK

</th>

<th scope="col" class="org-left">

SMASK

</th>

</tr>

<tr>

<th scope="col" class="org-left">

Special Keys

</th>

<th scope="col" class="org-left">

A-Z Letters

</th>

<th scope="col" class="org-left">

Special Modifiers Ctrl

</th>

<th scope="col" class="org-left">

Special Modifiers Shift

</th>

<th scope="col" class="org-left">

Special Modifiers Alt

</th>

<th scope="col" class="org-left">

Special Modifiers + Special Keys Ctrl

</th>

<th scope="col" class="org-left">

Special Modifiers + Special Keys Shift

</th>

<th scope="col" class="org-left">

Special Modifiers + Special Keys Alt

</th>

</tr>

</thead>

<tbody>

<tr>

<td class="org-left">

esc

</td>

<td class="org-left">

a

</td>

<td class="org-left">

Ctrl+a

</td>

<td class="org-left">

Shift+a

</td>

<td class="org-left">

Alt+a

</td>

<td class="org-left">

Ctrl+esc

</td>

<td class="org-left">

Shift+esc

</td>

<td class="org-left">

Alt+esc

</td>

</tr>

<tr>

<td class="org-left">

tab

</td>

<td class="org-left">

b

</td>

<td class="org-left">

Ctrl+b

</td>

<td class="org-left">

Shift+b

</td>

<td class="org-left">

Alt+b

</td>

<td class="org-left">

Ctrl+tab

</td>

<td class="org-left">

Shift+tab

</td>

<td class="org-left">

Alt+tab

</td>

</tr>

<tr>

<td class="org-left">

space

</td>

<td class="org-left">

c

</td>

<td class="org-left">

Ctrl+c

</td>

<td class="org-left">

Shift+c

</td>

<td class="org-left">

Alt+c

</td>

<td class="org-left">

Ctrl+space

</td>

<td class="org-left">

Shift+space

</td>

<td class="org-left">

Alt+space

</td>

</tr>

<tr>

<td class="org-left">

return

</td>

<td class="org-left">

d

</td>

<td class="org-left">

Ctrl+d

</td>

<td class="org-left">

Shift+d

</td>

<td class="org-left">

Alt+d

</td>

<td class="org-left">

Ctrl+return

</td>

<td class="org-left">

Shift+return

</td>

<td class="org-left">

Alt+return

</td>

</tr>

<tr>

<td class="org-left">

backspace

</td>

<td class="org-left">

e

</td>

<td class="org-left">

Ctrl+e

</td>

<td class="org-left">

Shift+e

</td>

<td class="org-left">

Alt+e

</td>

<td class="org-left">

Ctrl+backspace

</td>

<td class="org-left">

Shift+backspace

</td>

<td class="org-left">

Alt+backspace

</td>

</tr>

<tr>

<td class="org-left">

scroll

</td>

<td class="org-left">

f

</td>

<td class="org-left">

Ctrl+f

</td>

<td class="org-left">

Shift+f

</td>

<td class="org-left">

Alt+f

</td>

<td class="org-left">

Ctrl+scroll

</td>

<td class="org-left">

Shift+scroll

</td>

<td class="org-left">

Alt+scroll

</td>

</tr>

<tr>

<td class="org-left">

capslock

</td>

<td class="org-left">

g

</td>

<td class="org-left">

Ctrl+g

</td>

<td class="org-left">

Shift+g

</td>

<td class="org-left">

Alt+g

</td>

<td class="org-left">

Ctrl+capslock

</td>

<td class="org-left">

Shift+capslock

</td>

<td class="org-left">

Alt+capslock

</td>

</tr>

<tr>

<td class="org-left">

numlock

</td>

<td class="org-left">

h

</td>

<td class="org-left">

Ctrl+h

</td>

<td class="org-left">

Shift+h

</td>

<td class="org-left">

Alt+h

</td>

<td class="org-left">

Ctrl+numlock

</td>

<td class="org-left">

Shift+numlock

</td>

<td class="org-left">

Alt+numlock

</td>

</tr>

<tr>

<td class="org-left">

pause

</td>

<td class="org-left">

i

</td>

<td class="org-left">

Ctrl+i

</td>

<td class="org-left">

Shift+i

</td>

<td class="org-left">

Alt+i

</td>

<td class="org-left">

Ctrl+pause

</td>

<td class="org-left">

Shift+pause

</td>

<td class="org-left">

Alt+pause

</td>

</tr>

<tr>

<td class="org-left">

insert

</td>

<td class="org-left">

j

</td>

<td class="org-left">

Ctrl+j

</td>

<td class="org-left">

Shift+j

</td>

<td class="org-left">

Alt+j

</td>

<td class="org-left">

Ctrl+insert

</td>

<td class="org-left">

Shift+insert

</td>

<td class="org-left">

Alt+insert

</td>

</tr>

<tr>

<td class="org-left">

home

</td>

<td class="org-left">

k

</td>

<td class="org-left">

Ctrl+k

</td>

<td class="org-left">

Shift+k

</td>

<td class="org-left">

Alt+k

</td>

<td class="org-left">

Ctrl+home

</td>

<td class="org-left">

Shift+home

</td>

<td class="org-left">

Alt+home

</td>

</tr>

<tr>

<td class="org-left">

del

</td>

<td class="org-left">

l

</td>

<td class="org-left">

Ctrl+l

</td>

<td class="org-left">

Shift+l

</td>

<td class="org-left">

Alt+l

</td>

<td class="org-left">

Ctrl+del

</td>

<td class="org-left">

Shift+del

</td>

<td class="org-left">

Alt+del

</td>

</tr>

<tr>

<td class="org-left">

end

</td>

<td class="org-left">

m

</td>

<td class="org-left">

Ctrl+m

</td>

<td class="org-left">

Shift+m

</td>

<td class="org-left">

Alt+m

</td>

<td class="org-left">

Ctrl+end

</td>

<td class="org-left">

Shift+end

</td>

<td class="org-left">

Alt+end

</td>

</tr>

<tr>

<td class="org-left">

pageup

</td>

<td class="org-left">

n

</td>

<td class="org-left">

Ctrl+n

</td>

<td class="org-left">

Shift+n

</td>

<td class="org-left">

Alt+n

</td>

<td class="org-left">

Ctrl+pageup

</td>

<td class="org-left">

Shift+pageup

</td>

<td class="org-left">

Alt+pageup

</td>

</tr>

<tr>

<td class="org-left">

pagedown

</td>

<td class="org-left">

o

</td>

<td class="org-left">

Ctrl+o

</td>

<td class="org-left">

Shift+o

</td>

<td class="org-left">

Alt+o

</td>

<td class="org-left">

Ctrl+pagedown

</td>

<td class="org-left">

Shift+pagedown

</td>

<td class="org-left">

Alt+ pagedown

</td>

</tr>

<tr>

<td class="org-left">

left

</td>

<td class="org-left">

p

</td>

<td class="org-left">

Ctrl+p

</td>

<td class="org-left">

Shift+p

</td>

<td class="org-left">

Alt+p

</td>

<td class="org-left">

Ctrl+left

</td>

<td class="org-left">

Shift+left

</td>

<td class="org-left">

Alt+left

</td>

</tr>

<tr>

<td class="org-left">

up

</td>

<td class="org-left">

q

</td>

<td class="org-left">

Ctrl+q

</td>

<td class="org-left">

Shift+q

</td>

<td class="org-left">

Alt+q

</td>

<td class="org-left">

Ctrl+up

</td>

<td class="org-left">

Shift+up

</td>

<td class="org-left">

Alt+up

</td>

</tr>

<tr>

<td class="org-left">

right

</td>

<td class="org-left">

r

</td>

<td class="org-left">

Ctrl+r

</td>

<td class="org-left">

Shift+r

</td>

<td class="org-left">

Alt+r

</td>

<td class="org-left">

Ctrl+right

</td>

<td class="org-left">

Shift+right

</td>

<td class="org-left">

Alt+right

</td>

</tr>

<tr>

<td class="org-left">

down

</td>

<td class="org-left">

s

</td>

<td class="org-left">

Ctrl+s

</td>

<td class="org-left">

Shift+s

</td>

<td class="org-left">

Alt+s

</td>

<td class="org-left">

Ctrl+down

</td>

<td class="org-left">

Shift+down

</td>

<td class="org-left">

Alt+ down

</td>

</tr>

<tr>

<td class="org-left">

f1

</td>

<td class="org-left">

t

</td>

<td class="org-left">

Ctrl+t

</td>

<td class="org-left">

Shift+t

</td>

<td class="org-left">

Alt+t

</td>

<td class="org-left">

Ctrl+f1

</td>

<td class="org-left">

Shift+f1

</td>

<td class="org-left">

Alt+f1

</td>

</tr>

<tr>

<td class="org-left">

f2

</td>

<td class="org-left">

u

</td>

<td class="org-left">

Ctrl+u

</td>

<td class="org-left">

Shift+u

</td>

<td class="org-left">

Alt+u

</td>

<td class="org-left">

Ctrl+f2

</td>

<td class="org-left">

Shift+f2

</td>

<td class="org-left">

Alt+f2

</td>

</tr>

<tr>

<td class="org-left">

f3

</td>

<td class="org-left">

v

</td>

<td class="org-left">

Ctrl+v

</td>

<td class="org-left">

Shift+v

</td>

<td class="org-left">

Alt+v

</td>

<td class="org-left">

Ctrl+f3

</td>

<td class="org-left">

Shift+f3

</td>

<td class="org-left">

Alt+f3

</td>

</tr>

<tr>

<td class="org-left">

f4

</td>

<td class="org-left">

w

</td>

<td class="org-left">

Ctrl+w

</td>

<td class="org-left">

Shift+w

</td>

<td class="org-left">

Alt+w

</td>

<td class="org-left">

Ctrl+f4

</td>

<td class="org-left">

Shift+f4

</td>

<td class="org-left">

Alt+f4

</td>

</tr>

<tr>

<td class="org-left">

f5

</td>

<td class="org-left">

x

</td>

<td class="org-left">

Ctrl+x

</td>

<td class="org-left">

Shift+x

</td>

<td class="org-left">

Alt+x

</td>

<td class="org-left">

Ctrl+f5

</td>

<td class="org-left">

Shift+f5

</td>

<td class="org-left">

Alt+f5

</td>

</tr>

<tr>

<td class="org-left">

f6

</td>

<td class="org-left">

y

</td>

<td class="org-left">

Ctrl+y

</td>

<td class="org-left">

Shift+y

</td>

<td class="org-left">

Alt+y

</td>

<td class="org-left">

Ctrl+f6

</td>

<td class="org-left">

Shift+f6

</td>

<td class="org-left">

Alt+f6

</td>

</tr>

<tr>

<td class="org-left">

f7

</td>

<td class="org-left">

z

</td>

<td class="org-left">

Ctrl+z

</td>

<td class="org-left">

Shift+z

</td>

<td class="org-left">

Alt+z

</td>

<td class="org-left">

Ctrl+f7

</td>

<td class="org-left">

Shift+f7

</td>

<td class="org-left">

Alt+f7

</td>

</tr>

<tr>

<td class="org-left">

f8

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

Ctrl+f8

</td>

<td class="org-left">

Shift+f8

</td>

<td class="org-left">

Alt+f8

</td>

</tr>

<tr>

<td class="org-left">

f9

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

Ctrl+f9

</td>

<td class="org-left">

Shift+f9

</td>

<td class="org-left">

Alt+f9

</td>

</tr>

<tr>

<td class="org-left">

f10

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

Ctrl+f10

</td>

<td class="org-left">

Shift+f10

</td>

<td class="org-left">

Alt+f10

</td>

</tr>

<tr>

<td class="org-left">

f11

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

Ctrl+f11

</td>

<td class="org-left">

Shift+f11

</td>

<td class="org-left">

Alt+f11

</td>

</tr>

<tr>

<td class="org-left">

f12

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

</td>

<td class="org-left">

Ctrl+f12

</td>

<td class="org-left">

Shift+f12

</td>

<td class="org-left">

Alt+f12

</td>

</tr>

</tbody>

</table> 

$(expression).bind(<types>,<options>, <handler>);
$(expression).unbind(<types>,<options>, <handler>);

$(document).bind('keydown', 'Ctrl+a', fn);

// e.g. replace '$' sign with '€'
$('input.foo').bind('keyup', '$', function(){
    this.value = this.value.replace('$', '€');
});

$('div.foo').unbind('keydown', 'Ctrl+a', fn);
其它文章