提示框弹出问题

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

提示框弹出问题

大家看看我这个，怎麽没有弹出提示，而且跳转了页面，这个事件里面也没有写链接啊

<!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>
请选择您的职业：<br>
  <form>
  <button onfocus="message()">
    <select name="career"> 
      <option>学生</option> 
      <option>教师</option> 
      <option>工程师</option> 
      <option>演员</option> 
      <option>会计</option> 
    </select> 
    </button>
  </form>
</body>
</html>

提问者：qq_画一群人的感伤_0 2016-11-22 11:13

个回答

慕盖茨9219292

2016-11-22 17:04:55

Button 的和 select ，鼠标点到Button最边上就有onfocus的效果，点击select的时候button的function并没有被触发

0
慕粉4375880

2016-11-22 13:06:13

把 onfocus 写在select中，去掉button标签
<select name="career" onfocus="message()">
JS中添加一个全局变量（JS中不知道是不是这么叫）
var flag=true;
function message(){
if(flag){
flag=false;
alert("请选择，您现在的职业！");
}
如果你的原本代码想要弹出提示，打开之后按Tab键，让button获得焦点即可

0