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

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);

}

});

继续阅读：jquery  

原创文章请注明转载自杭州WEB前端外包网站本文地址：http://hz.35ui.cn/post/focus.html，标题：jQuery焦点函数focus(),blur()