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

来源:6-5 光标聚焦事件(onfocus)

qq_小七_20

2017-08-18 01:23

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


写回答 关注

3回答

  • DGua
    2018-03-14 02:17:51

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

  • 寄归凉
    2017-10-17 12:40:26

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

  • 小虎头的小骨头
    2017-08-18 10:42:24

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

    Justea... 回复qq_小七_...

    浏览器问题,我用Chrome的也是一直出现提示框,但是使用EDGE浏览器没有这种问题

    2018-01-20 15:18:14

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题