onblur 事件

easy · 发表于 2013-4-22 18:26:39

onblur 事件在对象失去焦点时发生。看下面代码的演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> 失去焦点 </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript" language="javascript">

</script>

</head>

<body>
<form name="myForm" action="submit.htm">
      姓名：<input type="text" name="myName" onblur="checkName(this)" /><br />
      密码: <input type="password" name="myPassword" onblur="checkPassword(this.value)" /><br />
      <input type="submit" value="提交" />
</form>


</body>

</html>

上面的代码创建一个文本框，一个密码框和一个提交按钮：

现在文本框里单击一次，并没有输入任何东西，然后在页面的空白处再单击一次，此时就会看到 JavaScript 弹出的警告框：

这种警告发生在文本框失去焦点的时候。

在文本框中单击鼠标，可以让文本框得到焦点。所谓“得到焦点”，就是让文本框中得到输入文字的状态，此时可以在文本框中输入文字。而在文本框外的任何一处单击鼠标，都可以让文本框失去焦点。所谓“失去焦点”，就是让文本框失去输入文字的状态，此时不能在文本框中输入文字。

		自动登录	找回密码
密码			立即注册

[HTML] onblur 事件

本帖子中包含更多资源

浏览过的版块