                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

怎么才会触发onblur事件？

<!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>

代码如上。

看前边的其他同学提的问题，知道是聚焦点离开即光标离开后才会触发，于是我在其他地方点击了一下，光标就不在密码框那里闪烁了，但还是没有触发事件，没有弹出框。

请问这个时间怎样触发才对？

星风飞行

2015-12-08

源自：JavaScript进阶篇 6-6

关注问题我要回答

15845

操作

收起

4 回答

水化冰流
2016-01-15

详细例子：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function A(){
    alert("请确定已输入 ‘用户名后’ ，在移开!"); }
function B(){
    alert("请确定已输入 ‘密码后’ ，在移开!"); }
</script>
</head>
<body>
<form>
   用户:<input name="username" type="text" value="请输入用户名！" onblur="A()" >
   密码:<input name="password" type="text" value="请输入密码！" onblur="B()" >
</form>
</body>
</html>

0 回复有任何疑惑可以回复我~

收起回答

水化冰流
2016-01-15

你可以这么看：由 ~ 密码:<input name="password" type="text" value="请输入密码！" onblur="message()" > ~可以看出，代码块说明已经把 onblur 方法属性的行使权赋给了密码框：input，所以只有从密码框（也就是在密码框内点击后，才会触发事件onblur，）触发了以后，你在在密码框外点击鼠标，后，系统才会检测到你的鼠标点击事件已经离开了密码框内的onblur，离开就是失焦，过程就是触发的过程。失焦后（也就是触发）才会调用：function message(){ alert("请确定已输入密码后，在移开!"); }

希望能帮到你。