onblur失去焦点事件

最新推荐文章于 2024-05-18 15:28:02 发布

置顶石也强

最新推荐文章于 2024-05-18 15:28:02 发布

阅读量922

点赞数

分类专栏： WEB 文章标签： onblur失去焦点事件

本文链接：https://blog.csdn.net/shiyeqiangldh/article/details/29609759

版权

WEB 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

我们经常会检测文本框是否已经被正确输入，检测工作通常在用户点击了提交按钮之后进行，事实上，利用控件失去焦点的时候，我们就可以实时进行这个检测工作，这样的话，onblur事件就派上用场了。

以下例子有2个文本框，如果还没有任何单击它们当中的任意一个的操作，那么什么事情也不会发生，但是，当你单击了其中的任何一个使其拥有了焦点（输入光标在里面），如果什么都没有输入并且单击了别的地方令其失去焦点，就会弹出一个警告，试试看

<html>
<body>
<script language="javascript"> 
function chkvalue(txt) { 
if(txt.value=="") alert("文本框里必须填写内容!"); 
} 
</script> 
<form name="blur_test"> 
姓名 <input type="text" name="name"value="" size="30" οnblur="chkvalue(this)"><br> 
年龄 <input type="text" name="name"value="" size="30" οnblur="chkvalue(this)"><br> 
</form> 
</body>
</html>

结果：

当你失去焦点以后，啥也不输进去的话，那么会有一个提示框会提醒你的！