onblur
选择元素失去当前输入焦点
onchange
选择元素内容发生改变且失去当前输入焦点
选项
<SELECT>
onfocus
选择元素得到当前输入焦点
上表总结了 JavaScript 定义的通用浏览器事件,HTML 文档中事件捆绑特性决定了脚本
程序员可以将这些事件当作目标的属性,在使用过程中只需修改其属性值即可。考察如下文
本框各事件的测试代码:
//源程序 3.2
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Sample Page!</title>
<script language="JavaScript" type="text/javascript">
<!--
function MyBlur()
{
var msg="\n 文本框 onblur()事件 : \n\n";
msg+=" 文本框失去了当前输入焦点!";
alert(msg);
}
function MyFocus()
{
var msg="\n 文本框 onfocus()事件 : \n\n";
msg+=" 文本框获得了当前输入焦点!";
alert(msg);
}
function MyChange()
{
var msg="\n 文本框 onchange()事件 : \n\n";
msg+=" 文本框的内容发生了改变!";
alert(msg);
}
function MySelect()
{
var msg="\n 文本框 onselect()事件 : \n\n";
msg+=" 选择了文本框中的某段文本!";
alert(msg);
}
-->
</script>
</head>
<body>
<center>
<form name=MyForm>
<input type=text name=MyText size=40
value="Welcome to JavaScript world!"
onblur="MyBlur()"
onfocus="MyFocus()"
onchange="MyChange()"
onselect="MySelect()">
</form>
</center>