曲径通幽论坛

标题: onblur 事件 [打印本页]
作者: easy    时间: 2013-4-22 18:26
标题: onblur 事件
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">
<!--
    function checkName(obj) {
        if (obj.value == "") {
            alert("请输入姓名");
        }
    }
   
    function checkPassword(password) {
        if (password == "") {
            alert("请输入密码");
        }
    }
   
-->
</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>
上面的代码创建一个文本框，一个密码框和一个提交按钮：
[attach]1540[/attach]
现在文本框里单击一次，并没有输入任何东西，然后在页面的空白处再单击一次，此时就会看到 JavaScript 弹出的警告框：
[attach]1541[/attach]
这种警告发生在文本框失去焦点的时候。

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



欢迎光临 曲径通幽论坛 (http://www.groad.net/bbs/) Powered by Discuz! X3.2