javascript键盘事件全面控制脚本代码

<STYLE TYPE="text/css"> 
TD {text-align:center} 
</STYLE> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Afunction%20init()%20%7B%20%0D%0A%20%20%20%20document.onkeydown%20%3D%20showKeyDown%20%0D%0A%20%20%20%20document.onkeyup%20%3D%20showKeyUp%20%0D%0A%20%20%20%20document.onkeypress%20%3D%20showKeyPress%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20showKeyDown(evt)%20%7B%20%0D%0A%20%20%20%20evt%20%3D%20(evt)%20%3F%20evt%20%3A%20window.event%20%0D%0A%20%20%20%20document.getElementById(%22pressKeyCode%22).innerHTML%20%3D%200%20%0D%0A%20%20%20%20document.getElementById(%22upKeyCode%22).innerHTML%20%3D%200%20%0D%0A%20%20%20%20document.getElementById(%22pressCharCode%22).innerHTML%20%3D%200%20%0D%0A%20%20%20%20document.getElementById(%22upCharCode%22).innerHTML%20%3D%200%20%0D%0A%20%20%20%20restoreModifiers(%22%22)%20%0D%0A%20%20%20%20restoreModifiers(%22Down%22)%20%0D%0A%20%20%20%20restoreModifiers(%22Up%22)%20%0D%0A%20%20%20%20document.getElementById(%22downKeyCode%22).innerHTML%20%3D%20evt.keyCode%20%0D%0A%20%20%20%20if%20(evt.charCode)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20document.getElementById(%22downCharCode%22).innerHTML%20%3D%20evt.charCode%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20showModifiers(%22Down%22%2C%20evt)%20%0D%0A%7D%20%0D%0Afunction%20showKeyUp(evt)%20%7B%20%0D%0A%20%20%20%20evt%20%3D%20(evt)%20%3F%20evt%20%3A%20window.event%20%0D%0A%20%20%20%20document.getElementById(%22upKeyCode%22).innerHTML%20%3D%20evt.keyCode%20%0D%0A%20%20%20%20if%20(evt.charCode)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20document.getElementById(%22upCharCode%22).innerHTML%20%3D%20evt.charCode%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20showModifiers(%22Up%22%2C%20evt)%20%0D%0A%20%20%20%20return%20false%20%0D%0A%7D%20%0D%0Afunction%20showKeyPress(evt)%20%7B%20%0D%0A%20%20%20%20evt%20%3D%20(evt)%20%3F%20evt%20%3A%20window.event%20%0D%0A%20%20%20%20document.getElementById(%22pressKeyCode%22).innerHTML%20%3D%20evt.keyCode%20%0D%0A%20%20%20%20if%20(evt.charCode)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20document.getElementById(%22pressCharCode%22).innerHTML%20%3D%20evt.charCode%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20showModifiers(%22%22%2C%20evt)%20%0D%0A%20%20%20%20return%20false%20%0D%0A%7D%20%0D%0Afunction%20showModifiers(ext%2C%20evt)%20%7B%20%0D%0A%20%20%20%20restoreModifiers(ext)%20%0D%0A%20%20%20%20if%20(evt.shiftKey)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20document.getElementById(%22shift%22%20%2B%20ext).style.backgroundColor%20%3D%20%22%23ff0000%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if%20(evt.ctrlKey)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20document.getElementById(%22ctrl%22%20%2B%20ext).style.backgroundColor%20%3D%20%22%2300ff00%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if%20(evt.altKey)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20document.getElementById(%22alt%22%20%2B%20ext).style.backgroundColor%20%3D%20%22%230000ff%22%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0Afunction%20restoreModifiers(ext)%20%7B%20%0D%0A%20%20%20%20document.getElementById(%22shift%22%20%2B%20ext).style.backgroundColor%20%3D%20%22%23ffffff%22%20%0D%0A%20%20%20%20document.getElementById(%22ctrl%22%20%2B%20ext).style.backgroundColor%20%3D%20%22%23ffffff%22%20%0D%0A%20%20%20%20document.getElementById(%22alt%22%20%2B%20ext).style.backgroundColor%20%3D%20%22%23ffffff%22%20%0D%0A%7D%20%0D%0A%3C%2FSCRIPT%3E"> 
</HEAD>

<BODY onLoad="init()"> 
<H1>Keyboard Event Handler Lab</H1> 
<HR> 
<FORM> 
<table BORDER=2 CELLPADDING=2> 
<TR><TH></TH><TH>onKeyDown</TH><TH>onKeyPress</TH><TH>onKeyUp</TH></TR> 
<TR><TH>Key Codes</TH> 
    <TD ID="downKeyCode">0</TD> 
    <TD ID="pressKeyCode">0</TD> 
    <TD ID="upKeyCode">0</TD> 
</TR> 
<TR><TH>Char Codes (IE5/Mac; NN6)</TH> 
    <TD ID="downCharCode">0</TD> 
    <TD ID="pressCharCode">0</TD> 
    <TD ID="upCharCode">0</TD> 
</TR> 
<TR><TH ROWSPAN=3>Modifier Keys</TH> 
    <TD><SPAN ID="shiftDown">Shift</SPAN></TD> 
    <TD><SPAN ID="shift">Shift</SPAN></TD> 
    <TD><SPAN ID="shiftUp">Shift</SPAN></TD> 
</TR> 
<TR> 
    <TD><SPAN ID="ctrlDown">Ctrl</SPAN></TD> 
    <TD><SPAN ID="ctrl">Ctrl</SPAN></TD> 
    <TD><SPAN ID="ctrlUp">Ctrl</SPAN></TD> 
</TR> 
<TR> 
    <TD><SPAN ID="altDown">Alt</SPAN></TD> 
    <TD><SPAN ID="alt">Alt</SPAN></TD> 
    <TD><SPAN ID="altUp">Alt</SPAN></TD> 
</TR> 
</TABLE> 
</FORM>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程