前端对焦点的操作，focus获取焦点，blur移除焦点

最新推荐文章于 2024-08-05 16:40:27 发布

普罗旺斯_浅笑

最新推荐文章于 2024-08-05 16:40:27 发布

阅读量5.7k

点赞数

分类专栏：前端文章标签： Focus焦点 blur失去焦点前端焦点

本文链接：https://blog.csdn.net/qq_21491877/article/details/88240631

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title>focus和blur</title>
       <script src="js/jquery.js"></script>
   </head>
   <body>
       <input type="text" id="address"value="请输入邮箱地址" />
       <input type="text" id="password"value="请输入邮箱密码" />
       <input type="button" value="登录" />

       <script>
           $("#address").focus(function(){

               var text_value = $(this).val();
               if(text_value=="请输入邮箱地址"){
                   $(this).val("");
               }
           });

           $("#address").blur(function(){
               $(this).val("请输入邮箱地址");
           });


       </script>
   </body>
</html>