设为首页 加入收藏

TOP

jQuery中blur和focus事件的应用
2014-11-24 14:28:22 来源: 作者: 【 】 浏览:1
Tags:jQuery blur focus 事件 应用

一、需求原因


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



二、具体实现






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


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


}


});


});





帐号:




】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇jQuery实现动画效果的例子 下一篇Hibernate多对多关系中间表有其他..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: