JQuery控制搜栏的焦点

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <script src="scripts/jquery-1.9.1.min.js"></script>
 6 <title>JQuery小技巧--控制搜栏的焦点</title>
 7 <script>
 8 $(document).ready(function(e) {
 9     $("#input_search").fillText();
10 });
11 </script>
12 <script>
13     $.fn.fillText=function(){
14         //取得原有的字符串
15         var _text = $(this).val();
16         $(this).focus(function(){//获取焦点事件
17             $(this).val("");
18         }).blur(function(){//失去焦点事件
19             $(this).val(_text);
20         });
21     }
22 </script>
23 </head>
24 
25 <body>
26 <input id="input_search" value="kdjkfjkdjkfjk" />
27 </body>
28 </html>

 

你可能感兴趣的:(JQuery控制搜栏的焦点)