在学习到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;
}
}