焦点

最新推荐文章于 2025-05-27 14:49:56 发布

原创最新推荐文章于 2025-05-27 14:49:56 发布 · 155 阅读

CC 4.0 BY-SA版权

                                      焦点

开发工具与关键技术：DW
作者：冯超
撰写时间：2019年2月9日

focus()表示获取焦点 blur()表示失去焦点源代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>焦点</title>
<script src="../jquery-1.12.4/jquery-1.12.4.min.js"></script>
</head>
<body>
<script>
$(function(){
 $("input").focus(function(){
    $(this).val("获取了焦点");
 });
  $("input").blur(function(){
    $(this).val("失去了焦点");
 });
});
</script> 
<input type="text" >
</body>
</html>

鼠标点击框内会获取焦点，点击框外会失去焦点