jquery实现input框自己默认文字的变化-关键是焦点的失去与获得

网上有好多这样的jb应用:即当鼠标点到搜索框时,默认的文字就会消失了。鼠标离开就会又出现默认的提示文字。非常实用。其实现原理也是非常的简单的。下边看代码吧(需要jquery的加载的)

// JavaScript Document
 $(document).ready(function(){
 //focusblur
 jQuery.focusblur = function(focusid) {
  var focusblurid = $(focusid);
  var defval = focusblurid.val();
        
 focusblurid.focus(function(){
   var thisval = $(this).val();
    if(thisval==defval){
                 $(this).val(“”);
             }
         });
    focusblurid.blur(function(){
   var thisval = $(this).val();
    if(thisval==””){
                 $(this).val(defval);
             }
         });
        
     };
 /*下面是调用方法*/
     $.focusblur(“#searchkey”);
 });

我的www.nbadashi.com的搜索已经应用了,非常人性化。

 

Leave a Reply