为什么不弹出呢?
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function message(){
alert("请确定已输入密码后,在移开!"); }
</script>
</head>
<body>
<form>
用户:<input name="username" type="text" value="请输入用户名!" >
密码:<input name="password" type="text" value="请输入密码!" onblur="message()">
</form>
</body>
</html>
换个浏览器打开,,我也是这样之前那些点击事件都没反应,以为网站问题,换成谷歌就行
经过检测你这个是可以触发函数的 可能是由于你设置了禁止弹窗 或者你禁止了javascript脚本 如果是此页面的禁止弹窗 可以新建页面打开慕课练习窗口,如果不行的话建议你恢复浏览器默认设置或者更换浏览器再次进行操作
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function message(){
if(document.getElementById("username").value =="")
alert("请确定已输入密码后,在移开!");
}
</script>
</head>
<body>
<form>
用户:<input id="username" name="username" type="text" value="" onblur="message()"/><br/><br/>
密码:<input name="password" type="text" value="请输入密码!" />
</form>
</body>
</html>
先获取焦点,之后才能失去焦点。
换个浏览器试试??动作就先点击密码框,然后移开鼠标点击空白处,应该就能解决问题了。
<input/>内部闭合
先点击密码框,再点击其他地方就弹出啦
onblur="message()"这个是失去焦点事件,你需要先获取了焦点之后才能失去焦点。
所以你需要先鼠标点击到密码的输入框中,然后再点击外面,让它失去焦点,它就弹出了。