为什么我点击那个下拉菜单会一直出现提示框，点确定也根本停不下来，只能点不再提示才会消失

源自：6-5 光标聚焦事件（onfocus）

为什么我点击那个下拉菜单会一直出现提示框，点确定也根本停不下来，只能点不再提示才会消失

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

请选择您的职业：<br>

<form>

<select name="career" onfocus="message()">

<option>学生</option>

<option>教师</option>

<option>工程师</option>

<option>演员</option>

<option>会计</option>

</select>

</form>

</body>

</html>

提问者：qq_小七_20 2017-08-18 01:23

个回答

DGua

2018-03-14 02:17:51

问题在于函数中的alert（）函数。当你点击select下拉选单的时候会出发onfocus绑定的函数弹出alert对话框，但当你点击“确定”按钮的时候，此时你的文本框就失去了焦点，alert对话框消失之后文本框又获得了焦点所以此时有一次调用了message（）函数，如此往复。。。。。

1
寄归凉

2017-10-17 12:40:26

刷新一下页面就好了，只要光标一直在上面就会一直弹，

1
小虎头的小骨头

2017-08-18 10:42:24

<select name="career" onfocus="message()">

0