发信人: kingtsui()
整理人: i_am_trueman(2003-10-22 16:31:05), 站内信件
|
<!--本范例通过对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>
-- ※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.103.135.157]
|
|