input聚焦事件

最新推荐文章于 2024-11-21 20:02:25 发布

Mathilda91

最新推荐文章于 2024-11-21 20:02:25 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ghfjj/p/6306255.html

本文介绍了一种使用jQuery实现的输入框聚焦事件处理方法。当输入框获得焦点时清除默认提示文字，失去焦点且为空时恢复提示文字。适用于文本框和文本区域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 /*input 聚焦事件*/
 2         function test(a){
 3             $(a).each(function(){
 4              var word=$(this).val();
 5              $(this).attr('data_val',word);
 6          });
 7          $(a).focus(function(){
 8              var value=$(this).val();
 9              var dval=$(this).attr('data_val');
10              if(value==dval){
11                  $(this).val('');
12              }
13          });
14          $(a).blur(function(){
15              var value=$(this).val();
16              var dval=$(this).attr('data_val');
17              if(value==''){
18                  $(this).val(dval);
19              }
20          });
21         }
22         
23 
24 
25     $(function(){
26         var a1=':text';
27         var b1='textarea';
28          test(a1);
29          test(b1);
30         /*test(':text,textarea');*/
31      })  //不能把函数写在这里，不然不能夸页面调用函数，作用域的问题

1 <input name="textfield" type="text"  maxlength="20" value="请输入文字.."
2     onfocus="if (value =='请输入文字..'){value =''}"
3     onblur="if (value ==''){value='请输入文字..'}" />