编程 Javascript

jQuery focus和blur事件的应用详解

Posted in Javascript onJanuary 26, 2014

一、需求原因
在填写表单时需要实现如下效果
jQuery focus和blur事件的应用详解
二、具体实现

<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>鼠标点击后无文字，挪开鼠标后有文字</title>
<script language="JavaScript"src="../jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
     $(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);
              }
         });
     });
</script>
</head>
<body>
帐号：<input id="account"name="account" type="text" value="请输入帐号">
</body>
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

禁止JQuery中的load方法装载IE缓存中文件的方法

Sep 11 Javascript

jquery根据name属性查找的小例子

Nov 21 Javascript

Javascript中克隆一个数组的实现代码

Dec 06 Javascript

javascript弹出页面回传值的方法

Jan 28 Javascript

利用jQuery实现一个简单的表格上下翻页效果

Mar 14 Javascript

JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题

Jun 30 Javascript

详解vue-cil和webpack中本地静态图片的路径问题解决方案

Sep 27 Javascript

node.js使用免费的阿里云ip查询获取ip所在地【推荐】

Sep 03 Javascript

详解webpack 最简打包结果分析

Feb 20 Javascript

小程序getLocation需要在app.json中声明permission字段

Apr 04 Javascript

浅谈vue权限管理实现及流程

Apr 23 Javascript

vue自定义指令和动态路由实现权限控制

Aug 28 Javascript

当jQuery1.7遇上focus方法的问题

Jan 26 #Javascript

jQuery中delegate和on的用法与区别详细解析

Jan 26 #Javascript

使用javascript为网页增加夜间模式

Jan 26 #Javascript

jQuery:delegate中select()不起作用的解决方法(实例讲解)

Jan 26 #Javascript

javascript:FF/Chrome与IE动态加载元素的区别说明

Jan 26 #Javascript

js中的时间转换—毫秒转换成日期时间的示例代码

Jan 26 #Javascript

JS将所有对象s的属性复制给对象r(原生js+jquery)

Jan 25 #Javascript

You might like

php in_array 函数使用说明与in_array需要注意的地方说明

2010/04/13 PHP

php实现的百度搜索某地天气的小偷代码

2014/04/23 PHP

ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法

2014/10/30 PHP

phpinfo() 中 Local Value（局部变量）Master Value（主变量）的区别

2016/02/03 PHP

PHP+MYSQL实现读写分离简单实战

2017/03/13 PHP

PHP的PDO大对象(LOBs)

2019/01/27 PHP

jquery必须知道的一些常用特效方法及使用示例(整理)

2013/06/24 Javascript

js replace 与replaceall实例用法详解

2013/08/03 Javascript

JS禁用浏览器退格键实现思路及代码

2013/10/29 Javascript

JavaScript中join()方法的使用简介

2015/06/09 Javascript

详解JavaScript for循环中发送AJAX请求问题

2020/06/23 Javascript

jquery实现一个简单的表单验证实例

2016/03/30 Javascript

react-router v4如何使用history控制路由跳转详解

2018/01/09 Javascript

微信小程序实现导航栏选项卡效果

2020/06/19 Javascript

在vue项目中使用element-ui的Upload上传组件的示例

2018/02/08 Javascript

js实现淘宝首页的banner栏效果

2019/11/26 Javascript

js实现验证码干扰（静态）

2021/02/22 Javascript

使用Python判断IP地址合法性的方法实例

2014/03/13 Python

python通过shutil实现快速文件复制的方法

2015/03/14 Python

python Pygame的具体使用讲解

2017/11/03 Python

快速入门python学习笔记

2017/12/06 Python

Python中多个数组行合并及列合并的方法总结

2018/04/12 Python

python time.sleep()是睡眠线程还是进程

2019/07/09 Python

使用python库xlsxwriter库来输出各种xlsx文件的示例

2020/09/01 Python

python 实现socket服务端并发的四种方式

2020/12/14 Python

使用CSS3中的calc()属性来以算式表达尺寸数值

2016/06/06 HTML / CSS

HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程使用html5 canvas 绘制精美的图

2015/08/31 HTML / CSS

韩国CJ食品专卖网：CJonmart

2016/09/11 全球购物

美国紧身牛仔裤品牌：NYDJ

2017/05/24 全球购物

Perfumetrader荷兰：香水、化妆品和护肤品在线商店

2017/09/15 全球购物

致标枪运动员加油稿

2014/02/15 职场文书

小学一年级学生评语

2014/04/22 职场文书

模具设计与制造专业求职信

2014/07/19 职场文书

运动会新闻报道稿

2015/07/22 职场文书

党员反四风学习心得体会

2016/01/22 职场文书

分析Java中Map的遍历性能问题

2021/06/26 Java/Android