js之处理光标聚集事件

最新推荐文章于 2024-08-21 23:10:49 发布

前端小君君

最新推荐文章于 2024-08-21 23:10:49 发布

阅读量1.4k

点赞数

分类专栏： html 文章标签： html JavaScript

本文链接：https://blog.csdn.net/xsj_boke/article/details/88670692

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

在学习到js事件处理的时候敲到了一个很有趣的代码

<!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>
    <select name="career" onfocus="message()"> 
      <option>学生</option> 
      <option>教师</option> 
      <option>工程师</option> 
      <option>演员</option> 
      <option>会计</option> 
    </select> 
  </form>
</body>
</html>

如果将鼠标聚集到下拉列表的时候，就会弹出一个警告框。无论按了多少次还是会一直弹出。

但是只要把js中的message函数写成判断是否首次点击即可

 var first=true;
    function message(){
        if(first){
	  alert("请选择，您现在的职业！");
        first=false;
        }
        }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端小君君

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js之处理光标聚集事件

在学习到js事件处理的时候敲到了一个很有趣的代码<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> 光标聚焦事件 </title> <script ...
复制链接

扫一扫