1事件及其处理程序
事件是制定活动发生时生成的信号,JavaScript认识这些信号,且能够建立脚本来对这些事件起作用。
blur,当输入焦点从窗体元素上删除时发生。
click,用户在链接或窗体元素上单击时发生。
change,用户改变窗体字段的值时发生。
focus,对窗体元素给定输入焦点时发生。
load,页面加载到浏览器时发生。
mouseover,用户在超文本链接上移动指针时发生。
select,用户选择窗体元素的字段时发生。
submit,提交窗体时发生。
unload,用户离开页面时发生。
例如:<input type="text" onChange="checkField(this)">//这里的this是指当前字段对象即text。
<input type="text" onChange="
if(parseInt(this.value)<=5){
alert("please enter a number greater than 5");
}">
模拟事件
除了事件处理程序外,模拟事件也是可能的。下面使用语Javascript的事件方法:
blur()、click()、focus()、select()、submit()、onchange()
<html>
<head>
<title>Events</title>
<script>
<!--
function react(field){
alert("please Enter a value");
field.focus();
}
//-->
</script>
</head>
<body>
<form method=post>
<input type=text name=stuff onFocus="react(this);">
</form>
</body>
</html>
事件处理程序onLoad与onUnload
当页面完成加载时生成onLoad事件,同样用户退出页面时发生onUnload事件。onLoad与onUnload事件作为body html标识符的1个特性使用。如:
<body onLoad="hello()" onUnload="goodbye()">
<html>
<head>
<title>example</title>
<body onLoad="alert(‘welcome to my page!‘);" onUnload="alert(‘goodbye!sorry to see you go!‘);">
</body>
</html>
描述 Microsoft属性 Netscape 属性
代表事件类型的字符串 type type
代表最初发送给对象事件的字符串 srcElement target
光标横坐标 x x
光标纵坐标 y y
相对于页面的横坐标 clientX pageX
相对于页面的纵坐标 clientY pageY
相对于屏幕的横坐标 screenX screenX
相对于屏幕的纵坐标 screenY screenY
键代码 keyCode which
Netscape(火狐)现在既支持keyCode属性也支持which属性。
例如:
if(event.keyCode==13)alert("enter!");