为了账号安全,请及时绑定邮箱和手机立即绑定

提示框弹出问题

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

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

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

0 回复 有任何疑惑可以回复我~

把 onfocus 写在select中,去掉button标签

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

JS中添加一个全局变量(JS中不知道是不是这么叫)

  var flag=true;

    function message(){

      if(flag){

        flag=false;

      alert("请选择,您现在的职业!");

    }

如果你的原本代码想要弹出提示,打开之后按Tab键,让button获得焦点即可

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468044    人
  • 解答问题       21891    个

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

进入课程

提示框弹出问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信