首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 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>

jQuery focus和blur事件的应用详解

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

Javascript 相关文章推荐
JQuery 学习笔记 选择器之二
Jul 23 Javascript
利用jQuery实现可以编辑的表格
May 26 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
angularjs 中$apply，$digest，$watch详解
Oct 13 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
JavaScript定义函数的三种实现方法
Sep 23 Javascript
video.js 实现视频只能后退不能快进的思路详解
Aug 09 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
JavaScript交换两个变量方法实例
Nov 25 Javascript
在Uni中使用Vue的EventBus总线机制操作
Jul 31 Javascript
vue 图片裁剪上传组件的实现
Nov 12 Javascript
vue项目实现减少app.js和vender.js的体积操作
Nov 12 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
异步回调(1) CompletableFuture(1) Springboot-cli(1) JAVA(88) ForkJoin(1) 主题(1) 池化技术(1) FutureTask(3) 线程池(1) Android(19)
You might like
php中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
php获取url字符串截取路径的文件名和扩展名的函数
2010/01/22 PHP
php+js实现图片的上传、裁剪、预览、提交示例
2013/08/27 PHP
PHP 二维数组根据某个字段排序的具体实现
2014/06/03 PHP
PHP命名空间（Namespace）简明教程
2014/06/11 PHP
PHP简单选择排序算法实例
2015/01/26 PHP
正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度
2008/09/27 Javascript
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
javascript让setInteval里的函数参数中的this指向特定的对象
2010/01/31 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
nodejs简单实现中英文翻译
2015/05/04 NodeJs
基于jquery实现智能提示控件intellSeach.js
2016/03/17 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
hovertree插件实现二级树形菜单（简单实用）
2016/12/28 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
vue组件与复用详解
2018/04/08 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
深入了解Vue.js 混入（mixins）
2020/07/23 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
Python下载懒人图库JavaScript特效
2015/05/28 Python
python实现的文件同步服务器实例
2015/06/02 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
详谈python在windows中的文件路径问题
2018/04/28 Python
使用GitHub和Python实现持续部署的方法
2019/05/09 Python
python logging通过json文件配置的步骤
2020/04/27 Python
在Pytorch中使用Mask R-CNN进行实例分割操作
2020/06/24 Python
美国波西米亚风格服装品牌：Show Me Your Mumu
2018/01/05 全球购物
纽约和芝加哥当天送花：Ode à la Rose
2019/07/05 全球购物
英国领先的在线礼品店：Getting Personal
2019/09/24 全球购物
股份合作协议书
2014/04/12 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
群众路线教育实践活动整改方案（个人版）
2014/10/25 职场文书
详解Go语言Slice作为函数参数的使用
2021/07/02 Golang
关于MySQL中的 like操作符详情
2021/11/17 MySQL
vue中控制mock在开发环境使用,在生产环境禁用方式
2022/04/06 Vue.js