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 相关文章推荐
User Scripts: Video Download by User Scripts
May 14 Javascript
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
Jan 06 Javascript
JavaScript中双叹号(!!)作用示例介绍
Apr 10 Javascript
jQuery中even选择器的定义和用法
Dec 23 Javascript
angularjs 源码解析之injector
Aug 22 Javascript
Vue动态组件实例解析
Aug 20 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
vue 使用vue-i18n做全局中英文切换的方法
Oct 29 Javascript
详解基于electron制作一个node压缩图片的桌面应用
Jan 29 Javascript
vue实现手机端省市区区域选择
Sep 27 Javascript
js+canvas实现五子棋小游戏
Aug 02 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如何调用webservice应用介绍
2012/11/24 PHP
PHP写的加密函数,支持私人密钥(详细介绍)
2013/06/09 PHP
php函数与传递参数实例分析
2014/11/15 PHP
浅析JQuery获取和设置Select选项的常用方法总结
2013/07/04 Javascript
Angularjs编写KindEditor,UEidtor,jQuery指令
2015/01/28 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
2016/05/24 Javascript
如何清除IE10+ input X 文本框的叉叉和密码输入框的眼睛图标
2016/12/21 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
浅谈React和Redux的连接react-redux
2017/12/04 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
koa-router路由参数和前端路由的结合详解
2019/05/19 Javascript
微信小程序组件生命周期的踩坑记录
2021/03/03 Javascript
Python中使用第三方库xlrd来写入Excel文件示例
2015/04/05 Python
python Django模板的使用方法
2016/01/14 Python
简单谈谈Python中的元祖(Tuple)和字典(Dict)
2017/04/21 Python
Python实现单词翻译功能
2017/06/06 Python
python的scipy实现插值的示例代码
2019/11/12 Python
Python实现爬取并分析电商评论
2020/06/19 Python
Python requests上传文件实现步骤
2020/09/15 Python
Python django框架 web端视频加密的实例详解
2020/11/20 Python
程序员经常用到的UNIX命令
2015/04/13 面试题
高二英语教学反思
2014/01/19 职场文书
护理专业优质毕业生自荐书
2014/01/31 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
爱护公共设施标语
2014/06/24 职场文书
美术第二课堂活动总结
2014/07/08 职场文书
房屋买卖授权委托书
2014/09/27 职场文书
2014年班级工作总结
2014/11/14 职场文书
2014年房产销售工作总结
2014/12/08 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
教师个人学习总结
2015/02/11 职场文书
粗暴解决CUDA out of memory的问题
2021/05/22 Python
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
解析redis hash应用场景和常用命令
2021/08/04 Redis
Python内置包对JSON文件数据进行编码和解码
2022/04/12 Python