onblur失焦事件及实际应⽤例⼦
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<script>
//uname失去焦点时 uname值显⽰在div  onblur事件
function showUname() {
$("show").innerHTML = $("uname").value;
}
</script>
<div id="show"></div>
<input type="text" id="uname" onblur="showUname()"/>
</body>
</html>
应⽤：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<script>
//uname失去焦点时 uname值显⽰在div  onblur事件
function showUname() {
if($("uname").value==""){
$("show").innerHTML = "⽤户名不能为空";
input绑定onblur事件
}else{
$("show").innerHTML = "通过验证";
}
}
</script>
⽤户名：<input type="text" id="uname" onblur="showUname()"/>
<span id="show"></span>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。