javascript - jQuery 关于表单获得焦点之后该发生的事情没有发生？？

问题描述

问 题

<form action="" method="post" id="regForm">
<label  for="username">名称:</label>
<input id="username" type="text" value="名称" />
</form>

 .focus { 
     border: 1px solid #f00;
     background:#CCC;
} 

<script src="jquery-1.9.1.js" type="text/javascript">
$(function(){
    $(":input").focus(function(){
          $(this).addClass("focus");
          if($(this).val() ==this.defaultValue){  
              $(this).val("");           
          } 
    }).blur(function(){
         $(this).removeClass("focus");
         if ($(this).val() == '') {
            $(this).val(this.defaultValue);
         }
    });
})
</script>

当input字段获得焦点时，背景和边框都应该会有变化？为什么我的没有？
求大神们指点

解决方案

应该是两个script标签吧

<script src="jquery-1.9.1.js" type="text/javascript"></script>

<script>
$(function(){
    $(":input").focus(function(){
          $(this).addClass("focus");
          if($(this).val() ==this.defaultValue){  
              $(this).val("");           
          } 
    }).blur(function(){
         $(this).removeClass("focus");
         if ($(this).val() == '') {
            $(this).val(this.defaultValue);
         }
    });
})
</script>

这篇关于javascript - jQuery 关于表单获得焦点之后该发生的事情没有发生？？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！