« 上一篇下一篇 »

jQuery焦点函数focus(),blur()

 文本框获取和失去焦点事件

1.文本框获取和失去焦点时,文本框背景色的变化,代码:

<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>

2.文本框获取和失去焦点时,文本框文字交替显示,代码:

$(".loginlinput .linput #textfield").focus(function(){ //地址框获得鼠标焦点

 if($(this).val()==this.defaultValue){                  //得到当前文本框的值 如果符合条件,则清空文本框内容

$(this).val("");                               //this.defauleValue 就是指当前文本框的默认值

}

}).blur(function(){                                   //地址框失去鼠标焦点

if($(this).val()==""){                                //如果符合条件,则设置内容

$(this).val(this.defaultValue);

}

});