编程 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 相关文章推荐

用ADODB.Stream转换

Jan 22 Javascript

jQuery 中使用JSON的实现代码

Dec 01 Javascript

jQuery去掉字符串起始和结尾的空格(多种方法实现)

Apr 01 Javascript

Express.JS使用详解

Jul 17 Javascript

JQuery遍历json数组的3种方法

Nov 08 Javascript

jquery仿QQ登录账号选择下拉框效果

Mar 22 Javascript

JS触发服务器控件的单击事件(详解)

Aug 06 Javascript

微信小程序地图（map）实例详解

Nov 16 Javascript

HTML5+JS+JQuery+ECharts实现异步加载问题

Dec 16 jQuery

微信小程序 setData 对 data数据影响问题

Apr 18 Javascript

Vue项目中使用better-scroll实现菜单映射功能方法

Sep 11 Javascript

vue-simple-uploader上传成功之后的response获取代码

Sep 07 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

把1316这个数表示成两个数的和，其中一个为13的倍数，另一个是11的倍数，求这两个数。

2011/06/24 PHP

web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验

2013/06/01 PHP

PHP 进度条函数的简单实例

2017/09/19 PHP

PHP实现微信小程序用户授权的工具类示例

2019/03/05 PHP

JS 实现Json查询的方法实例

2013/04/12 Javascript

二叉树的非递归后序遍历算法实例详解

2014/02/07 Javascript

Jquery在指定DIV加载HTML示例代码

2014/02/17 Javascript

window.open 以post方式传递参数示例代码

2014/02/27 Javascript

表单提交前触发函数返回true表单才会提交

2014/03/11 Javascript

jQuery插件开发详细教程

2014/06/06 Javascript

jQuery实现鼠标经过事件的延时处理效果

2020/08/20 Javascript

深入分析node.js的异步API和其局限性

2016/09/05 Javascript

原生js实现鼠标跟随效果

2017/02/28 Javascript

浅谈angular2路由预加载策略

2017/10/04 Javascript

深入浅析ES6 Class 中的 super 关键字

2017/10/20 Javascript

搭建vue开发环境

2018/07/19 Javascript

深入理解NodeJS 多进程和集群

2018/10/17 NodeJs

JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例

2019/01/29 Javascript

详解微信小程序胶囊按钮返回|首页自定义导航栏功能

2019/06/14 Javascript

Vue-CLI项目中路由传参的方式详解

2019/09/01 Javascript

ES6使用 Array.includes 处理多重条件用法实例分析

2020/03/02 Javascript

Python标准库之Sys模块使用详解

2015/05/23 Python

python实现在pandas.DataFrame添加一行

2018/04/04 Python

opencv之为图像添加边界的方法示例

2019/12/26 Python

Python&&GDAL实现NDVI的计算方式

2020/01/09 Python

django序列化时使用外键的真实值操作

2020/07/15 Python

JD Sports瑞典：英国领先的运动时尚商店

2018/01/28 全球购物

雷朋巴西官方商店：Ray-Ban Brasil

2020/07/21 全球购物

文秘个人求职信范文

2014/04/22 职场文书

服务型党组织建设典型材料

2014/05/07 职场文书

团代会宣传工作方案

2014/05/08 职场文书

护理专业毕业生自荐信

2014/06/15 职场文书

身份证丢失证明

2015/06/19 职场文书

小学二年级班主任工作经验交流材料

2015/11/02 职场文书

postgreSQL数据库基础知识介绍

2022/04/12 PostgreSQL

Python+DeOldify实现老照片上色功能

2022/06/21 Python