KeyDown,KeyUp等
事件的响应通过On与事件名称组成,比如Click事件,对应的事件为OnClick
事件句柄=事件处理函数()或语句
网页中各对象的常用事件
对象类别 事件处理函数定义位置
事件名称
事件出发条件
网页对象
document
<body>
或document.body
Load
Unload
Contextmenu
Selectstart
MouseDown
载入当前网页时触发
试图载入一个新的网页时触发
单击右键,弹出快捷菜单时触发
在网页中用鼠标拖动时触发
在网页中按下鼠标键时触发
表单
<form>
Submit
Reset
用户提交表单
用户复位表单
文本框
口令输入框
多行文地域
<input type=”text”>
<input type=”password”>
<textarea>
Blur
Focus
Change
Select
Keydown
keypress
文本框失去焦点
文本框得到焦点
文本框内容发生变化
选定文本框中的文本
按下键盘上的某个键时触发
发生在keydown之后,只有在keydown的事件处理函数返回true时才会触发
普通按钮
提交按钮
复位按钮
<input type=”button”>
<input type=”submit”>
<input type=”reset”>
click
单击按钮时触发
超链接
<a>
click
单击超链接对象时触发
(2)document的常用事件
Load、unload事件
举例:(chapter03/section5/ eventwelcom.asp)
<input Type=”button” value=”确定” OnClick=”Checkit()”>
<body OnLoad=”poup()”>
<body OnLoad=:alert(“欢迎光临本站”):>
<body OnUnLoad=:alert(“谢谢光临本站”):>
Contextmenu事件
<body OnContextMenu="return false">
在弹出菜单之前,先调用事件过程函数,如果为true则弹出,否则不弹出!
Selectstart事件
<body OnSelectStart="return false">
在选取之前,先调用事件过程函数,如果为true则可以被选中,否则不能选中!
表单对象的常用事件;
Mousedown事件
<script language="javascript">
function nomenu(){
if(event.button==2||event.button==3) {
alert("you can't select!"); //用对话框替代快捷菜单;
}
}
document.onmousedown=nomenu;
</script>
(3)表单对象的常用事件
Submit事件
事件处理函数完成表单数据的检验(chapter03/section5/ register.asp),返回true则提交数据,否则禁止提交表单;
<Script language="JavaScript">
function checkform() {
if (document.login.username.value=="") {
alert("请输入用户名!");
document.login.username.focus();
return false;
}
if (document.login.userkey1.value=="") {
alert("请输入密码!");
document.login.userkey1.focus();
return false;
}
if (document.login.userkey1.value!=document.login.userkey2.value) {
alert("两个密码不同!请请输入密码!");
document.login.userkey1.focus();
return false;
}
var email_str=document.login.email.value
if (email_str.indexOf("@")==-1) {
alert("电子邮件的格式不对!");
document.login.email.focus();
return false;
}
document.login.submit();
}
</script>
</head>
<body>
<form action="userlogin.asp" method="post" name="login" id="login" OnSubmit=”return checkform()”>
<table border="0" bordercolor="#FF0000" >
<tr>
<td colspan="2" class="td1">用户注册</td>
</tr>
<tr>
<td width="289" class="td2">用户名:</td>
<td width="295" class="td2"><input name="username" type="text" id="username"></td>
</tr>
<tr>
<td class="