Javascript 基础教程...

Javascript 基础教程之失去焦点事件

onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序

看下面代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>失去焦点事件</title>
</head>
<body>
	<form>
		请输入你的身份证号：<input type="text" onblur="onf()">
	</form>

	<script type="text/javascript">
			function onf(){
				alert('请输入用户名');
			}
	</script>
</body>
</html>

当文本框失去焦点时，会弹出 “请输出用户名”

新建文件

                    <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>失去焦点事件</title>
</head>
<body>
	<form>
		请输入你的身份证号：<input type="text" onblur="onf()">
	</form>

	<script type="text/javascript">
			function onf(){
				alert('请输入用户名');
			}
	</script>
</body>
</html>                

提交重置代码

自动运行

全屏

暂无课件

取消回复发送

取消发布笔记发送

Javascript 基础教程之失去焦点事件

全部评论我要评论

全部笔记发布笔记