为什么不弹出呢？-慕课网

首页课程实战体系课手记专栏慕课教程

为什么不弹出呢？

来源：6-6 失焦事件（onblur）

资卷

2016-07-22 15:15

为什么不弹出呢？

<!DOCTYPE HTML>

<html>

<head>

function message(){

alert("请确定已输入密码后，在移开!"); }

</script>

</head>

<body>

<form>

用户:<input name="username" type="text" value="请输入用户名！" >

密码:<input name="password" type="text" value="请输入密码！" onblur="message()">

</form>

</body>

</html>

写回答关注

7回答

慕粉3912077

2016-11-04 15:08:47

换个浏览器打开，，我也是这样之前那些点击事件都没反应，以为网站问题，换成谷歌就行

0 0
DQJ俊逸

2016-07-26 14:11:47

经过检测你这个是可以触发函数的可能是由于你设置了禁止弹窗或者你禁止了javascript脚本如果是此页面的禁止弹窗可以新建页面打开慕课练习窗口，如果不行的话建议你恢复浏览器默认设置或者更换浏览器再次进行操作

1 1

DQJ俊逸

另外失去焦点触发函数是相对于获取焦点的当你有一个失去聚焦的过程才会触发函数所以你得先点击输入框获取焦点然后点击空白处失去焦点了这样才会触发函数

2016-07-26 14:14:52

共 1 条回复 >
ASPMVC

2016-07-22 17:00:11

<!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>
先获取焦点,之后才能失去焦点。

0 0
kiss0800

2016-07-22 16:56:03

换个浏览器试试？？动作就先点击密码框，然后移开鼠标点击空白处，应该就能解决问题了。

0 0
慕粉18732052380

2016-07-22 16:40:58

<input/>内部闭合

0 0
几何原本

2016-07-22 16:25:30

先点击密码框，再点击其他地方就弹出啦

0 0
熊_猫0

2016-07-22 16:25:02

onblur="message()"这个是失去焦点事件，你需要先获取了焦点之后才能失去焦点。
所以你需要先鼠标点击到密码的输入框中，然后再点击外面，让它失去焦点，它就弹出了。

0 0