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 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
JavaScript编程开发中的五个实用小技巧
Jul 22 Javascript
jquery随意添加移除html的实现代码
Jun 21 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
jQuery动画与特效详解
Feb 01 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
Aug 26 Javascript
JS实战篇之收缩菜单表单布局
Dec 10 Javascript
js仿网易表单及时验证功能
Mar 07 Javascript
Vue.js+cube-ui(Scroll组件)实现类似头条效果的横向滚动导航条
Jun 24 Javascript
vue项目使用.env文件配置全局环境变量的方法
Oct 24 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开发过程中常用函数收藏
2009/12/14 PHP
PHP实现文件下载详解
2014/11/27 PHP
JQuery开发的数独游戏代码
2010/10/29 Javascript
创建公共调用 jQuery Ajax 带返回值
2012/08/01 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
2013/09/02 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
JavaScript 中的执行上下文和执行栈实例讲解
2021/02/25 Javascript
[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG
2014/05/26 DOTA
python中Flask框架简单入门实例
2015/03/21 Python
python并发编程之多进程、多线程、异步和协程详解
2016/10/28 Python
python smtplib发送带附件邮件小程序
2018/05/22 Python
PyCharm配置mongo插件的方法
2018/11/30 Python
python flask几分钟实现web服务的例子
2019/07/26 Python
python的Jenkins接口调用方式
2020/05/12 Python
python语音识别指南终极版(有这一篇足矣)
2020/09/09 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
python中操作文件的模块的方法总结
2021/02/04 Python
可以随进度显示不同颜色的css3进度条分享
2014/04/11 HTML / CSS
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
Python是如何进行类型转换的
2013/06/09 面试题
给老婆大人的检讨书
2014/02/24 职场文书
函授生自我鉴定
2014/03/25 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
个人委托书怎么写
2014/09/17 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
婚前协议书标准版
2014/10/19 职场文书
2015年助残日活动总结
2015/03/27 职场文书
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript