事件一般以on开头，表示当某个事件发生时，其值往往是一个脚本或者脚本函数。
<html>
<script>
function checkInfo(){
var nm = document.getElementById("userName");
if (nm.value == ""){
alert("用户名不能为空");
}
}
</script>
<body>
<form name="input" action="html_form_action.asp" method="get">
<table cellpadding="2" cellspacing="2" border="0" width="100%">
<tr>
<td class="flagCol">用户名：</td><td><input onblur="checkInfo()" id="userName" type="text" /></td>
</tr>
<tr>
<td class="flagCol">密码：</td><td><input id="password" type="password" /></td>
</tr>
<tr>
<td></td><td><input type="submit" value="注册" /></td>
</tr>
</form>
</body>
</html>
onblur就是输入框失去焦点事件，当事件发生时，就会执行checkInfo所指定的javascript函数里面的脚本指令。
运行效果：
不同的标签有不同的事件。
HTML标签的常用事件
1. 窗口事件 (Window Events)
在 body 和 frameset 元素中有效。
onload 脚本 当文档载入时执行脚本
onunload 脚本 当文档卸载时执行脚本
2. 表单元素事件 (Form Element Events)
在表单元素中有效。
onchange 脚本 当元素改变时执行脚本
onsubmit 脚本 当表单被提交时执行脚本
onreset 脚本 当表单被重置时执行脚本
onselect 脚本 当元素被选取时执行脚本
onblur 脚本 当元素失去焦点时执行脚本
onfocus 脚本 当元素获得焦点时执行脚本
3. 图像事件 (Image Events)
用于 img 元素：
onabort 脚本 当图像加载中断时执行脚本
onload事件：图片装载完毕
4. 键盘事件 (Keyboard Events)
在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。
onkeydown 脚本 当键盘被按下时执行脚本
onkeypress 脚本 当键盘被按下后又松开时执行脚本
onkeyup 脚本 当键盘被松开时执行脚本
5. 鼠标事件 (Mouse Events)
在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。
onclick 脚本 当鼠标被单击时执行脚本
ondblclick 脚本 当鼠标被双击时执行脚本
onmousedown 脚本 当鼠标按钮被按下时执行脚本
onmousemove 脚本 当鼠标指针移动时执行脚本
onmouseout 脚本 当鼠标指针移出某元素时执行脚本
onmouseover 脚本 当鼠标指针悬停于某元素之上时执行脚本
onmouseup 脚本 当鼠标按钮被松开时执行脚本
注意：上面的鼠标和键盘事件除了在列出的元素中无效外，其他元素中均是有效的。
评论