当前位置: 编程技术>WEB前端
jQuery focus和blur事件的应用详解
来源: 互联网 发布时间:2014-08-25
本文导语: 一、需求原因在填写表单时需要实现如下效果二、具体实现 代码如下:鼠标点击后无文字,挪开鼠标后有文字 $(function(){ /*进入焦点时触发*/ $("#account").focus(function(){ varoldValue = $(...
一、需求原因
在填写表单时需要实现如下效果
二、具体实现
鼠标点击后无文字,挪开鼠标后有文字
$(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);
}
});
});
帐号:
在填写表单时需要实现如下效果
二、具体实现
代码如下:
鼠标点击后无文字,挪开鼠标后有文字
$(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);
}
});
});
帐号: