提示框弹出问题
来源：6-5 光标聚焦事件（onfocus）
qq_画一群人的感伤_0
2016-11-22 11:13
大家看看我这个，怎麽没有弹出提示，而且跳转了页面，这个事件里面也没有写链接啊
<!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>
写回答
关注
2回答
-
- 慕盖茨9219292
- 2016-11-22 17:04:55
Button 的 和 select ，鼠标点到Button最边上就有onfocus的效果，点击select的时候button的function并没有被触发
-
- 慕粉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获得焦点即可
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
469062 学习 · 22582 问题
相似问题