|
HTML里的按键捕获范例 ~ admin
<!--本范例通过对onkeypress事件的处理实现了按键的捕获，
并能自动判断在按键的元素和键值 ***kingtsui****2000-03-11*** --> <HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript> <!-- function text1_onkeypress() { //单个按钮的onkeypresss事件 if (window.event.keyCode==13) //13是回车键 { window.event.keyCode=0; document.test.elements[2].focus(); // document.test.button1.focus(); document.test.button1.onclick(); } } function button1_onclick() { //这里写处理代码 alert(document.test.text1.value); document.test.text1.focus(); } function window_onload() { //禁止/允许Bubble-冒泡, //如果需要元素本身来处理而不需要她的父元素来处理则设置为true //否则设置为false window.event.cancelBubble=true; document.test.text1.focus(); } function button2_onclick() { //这里可以用来测试elements,捕获元素 /* var coll = document.test.all; if (coll!=null) { for (i=0; i<coll.length; i++) alert( i + "-" + coll.item(i).id); } var coll2=document.test.elements alert("The fowlling is elements!") if (coll2!=null) { for(i=0;i<coll2.length;i++) alert(i+ "-" + coll2.item(i).name); } */ } //form的onkeypress事件 //这个函数可以实现捕获元素，统一处理，省去了一个一个写onkeypress的麻烦 function test_onkeypress() { var cb=window.event.srcElement; // 获得接收到这个事件的第一个元素 if (window.event.keyCode==13) // 注意:这里不能用 // if(cb.onkeypress && windo.event.keyCode==13) // 因为这样只能试定义过onkeypress事件处理的元素符合条件 { // 这里可用用来判断onkeypress作用在那个element上 if (cb.id=="button3") { alert("This button3 for keypress!"); } alert(cb.id +"-" +"onkeypress"); } } //--> </SCRIPT> </HEAD> <BODY LANGUAGE=javascript onload="return window_onload()" > <form name=test LANGUAGE=javascript onkeypress="return test_onkeypress ()" onkeyup="return test_onkeyup()"> <P> <INPUT id=text1 name=text1 LANGUAGE=javascript onkeypress="return text 1_onkeypress()"> <INPUT id=password1 name=password1 type=password ></P> <P><INPUT id=button1 name=button1 style="LEFT: 147px; TOP: 15px" type= button value=Button LANGUAGE=javascript onkeypress="return button1_onk eypress()" onclick="return button1_onclick()"></P> <P><INPUT id=button2 name=button2 type=button value=Button LANGUAGE=ja vascript onclick="return button2_onclick()"></P> <P><INPUT id=button3 name=button3 type=button value=Button></P> <P><INPUT id=button4 name=button4 type=button value=Button></P> </form> </BODY> </HTML> |