jQuery中blur和focus事件的应用

2014-11-24 14:28:22 · 作者: · 浏览: 3

一、需求原因


在填写表单时需要实现如下效果



二、具体实现






鼠标点击后无文字,挪开鼠标后有文字


<script language="java script"src="../jQuery/jquery-1.7.1.min.js">


<script type="text/java script">


$(function(){


/*进入焦点时触发*/


$("#account").focus(function(){


varoldValue = $(this).val();


if(oldValue == this.defaultValue){


$(this).val("");


}


});


/*失去焦点时触发*/


$("#account").blur(function(){


alert("12");


varoldValue = $(this).val();


if(oldValue == ""){


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


}


});


});





帐号: