Jquery焦点与失去焦点示例应用


Posted in Javascript onJune 10, 2014
$(function(){ 
$("#input").focus(function(){//#input换成你的input的ID 
//这里写获得焦点之后运行的代码。 
}).blur(function(){ 
//$(".scroll-question").css("display","none"); 
}); 
}) })

live要1.4才支持,以下ie,firefox都没问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
<script src="/js/jquery-1.4.4.js"></script> 
<script> 
$(document).ready(function() 
{ 
$("#nameBefore").dblclick(function() 
{ 
$("#nameBefore").replaceWith("<div id='nameIn'><input type='text' name='nameInVal' id='nameInVal' value='In' /></div>"); 
} 
); 
//失去焦点以后 
$("#nameInVal").live("blur",function() 
{ 
alert('nameInVal已失去焦点'); 
} 
); 
} 
); 
</script> 
</head> 
<body> 
<form name="testfm" method="post" action="save.php"> 
<table> 
<tr><td>1</td><td><div id='nameBefore'>Before</div></td></tr> 
</table> 
</form> 
</body> 
</html>
Javascript 相关文章推荐
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
Mar 13 Javascript
jquery.fastLiveFilter.js实现输入自动过滤的方法
Aug 11 Javascript
如何防止JavaScript自动插入分号
Nov 05 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
May 23 Javascript
BootStrap modal模态弹窗使用小结
Oct 26 Javascript
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
Dec 14 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
vue-ajax小封装实例
Sep 18 Javascript
详解如何实现一个简单的Node.js脚手架
Dec 04 Javascript
深入理解Promise.all
Aug 08 Javascript
浅析基于WEB前端页面的页面内容搜索的实现思路
Jun 10 #Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 #Javascript
iframe里的页面禁止右键事件的方法
Jun 10 #Javascript
js类定义函数时用prototype与不用的区别示例介绍
Jun 10 #Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
Jun 10 #Javascript
js换图片效果可进行定时操作
Jun 09 #Javascript
jQuery如何将选中的对象转化为原始的DOM对象
Jun 09 #Javascript
You might like
php中的观察者模式
2010/03/24 PHP
php数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
通过PHP实现获取访问用户IP
2020/05/09 PHP
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
关于div自适应高度/左右高度自适应一致的js代码
2013/03/22 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
Winform客户端向web地址传参接收参数的方法
2016/05/17 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
基于mpvue的简单弹窗组件mptoast使用详解
2019/08/02 Javascript
es6 super关键字的理解与应用实例分析
2020/02/15 Javascript
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
python paramiko实现ssh远程访问的方法
2013/12/03 Python
python编程开发之textwrap文本样式处理技巧
2015/11/13 Python
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
Python SQL查询并生成json文件操作示例
2018/08/17 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
Python2和Python3.6环境解决共存问题
2018/11/09 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
python列表推导式入门学习解析
2019/12/02 Python
python小项目之五子棋游戏
2019/12/26 Python
python实现简单遗传算法
2020/09/18 Python
h5实现获取用户地理定位的实例代码
2017/07/17 HTML / CSS
高三自我鉴定
2013/10/23 职场文书
护士的岗位职责
2013/12/04 职场文书
最新党员思想汇报
2014/01/01 职场文书
小学运动会表扬稿
2014/01/19 职场文书
师范学院美术系毕业生自我鉴定
2014/01/29 职场文书
科级干部考察材料
2014/02/15 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
渠道运营商合作协议书范本
2014/10/06 职场文书
英文辞职信范文
2015/05/13 职场文书
预备党员入党感言
2015/08/01 职场文书