利用事件:onkeydown、onkeyup、onkeypress
<input name="cnlTest" id="cnlTest" value="" onkeydown="fnTest()">function fnTest()
{
var intKeyCode = event.keyCode;
if(event.keyCode == 13) // 13:回车 38:向上方向健 40:下 39,41:左右
{ }
}
<input name="cnlTest" id="cnlTest" value="" onkeydown="fnTest()">function fnTest()
{
var intKeyCode = event.keyCode;
if(event.keyCode == 13) // 13:回车 38:向上方向健 40:下 39,41:左右
{ }
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="vbScript">
<!--
sub onkeypress()
dim keycode keycode=window.event.keycode if keycode=37 then msgbox("左键吧") else msgbox keycode
end if end sub
//-->
</SCRIPT>
<BODY onkeypress=onkeypress()>
<TEXTAREA NAME="" ROWS="" COLS=""></TEXTAREA>
<TEXTAREA NAME="" ROWS="" COLS=""></TEXTAREA>
<TEXTAREA NAME="" ROWS="" COLS=""></TEXTAREA>
<TEXTAREA NAME="" ROWS="" COLS=""></TEXTAREA>
<TEXTAREA NAME="" ROWS="" COLS=""></TEXTAREA>
<INPUT TYPE="button" onclick="javascript:test()" value="here">
</BODY>
</HTML>
在浏览器中试验时其它键正常运行,但是比如上下键,delete,end,home时没有任何反应?????
function arrow(field){
if(event.keyCode==40)
if(!(field<document.form1.elements.length-2)){
if(field%2==0)
form1.elements[0].focus()
else
form1.elements[1].focus()
}
else
form1.elements[field+2].focus()
if(event.keyCode==38)
if(field==1||field==0)
{
if(field%2==0)
form1.elements[18].focus()
else
form1.elements[19].focus()
}
else
form1.elements[field-2].focus()
}
</script>
<form name=form1>
<input type=text name=txt1 tabindex=1 onkeydown="arrow(0)">
<input type=text name=txt2 tabindex=2 onkeydown="arrow(1)"><br>
<input type=text name=txt3 tabindex=3 onkeydown="arrow(2)">
<input type=text name=txt4 tabindex=4 onkeydown="arrow(3)"><br>
<input type=text name=txt5 tabindex=5 onkeydown="arrow(4)">
<input type=text name=txt6 tabindex=6 onkeydown="arrow(5)"><br>
<input type=text name=txt7 tabindex=7 onkeydown="arrow(6)">
<input type=text name=txt8 tabindex=8 onkeydown="arrow(7)"><br>
<input type=text name=txt9 tabindex=9 onkeydown="arrow(8)">
<input type=text name=txt10 tabindex=10 onkeydown="arrow(9)"><br>
<input type=text name=txt11 tabindex=11 onkeydown="arrow(10)">
<input type=text name=txt12 tabindex=12 onkeydown="arrow(11)"><br>
<input type=text name=txt13 tabindex=13 onkeydown="arrow(12)">
<input type=text name=txt14 tabindex=14 onkeydown="arrow(13)"><br>
<input type=text name=txt15 tabindex=15 onkeydown="arrow(14)">
<input type=text name=txt16 tabindex=16 onkeydown="arrow(15)"><br>
<input type=text name=txt17 tabindex=17 onkeydown="arrow(16)">
<input type=text name=txt18 tabindex=18 onkeydown="arrow(17)"><br>
<input type=text name=txt19 tabindex=19 onkeydown="arrow(18)">
<input type=text name=txt20 tabindex=20 onkeydown="arrow(19)"><br>
</form>参见:
http://go6.163.com/colorweb/js/tabandarrow.html