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 相关文章推荐
IE8下关于querySelectorAll()的问题
May 13 Javascript
Javascript玩转继承(三)
May 08 Javascript
用js读、写、删除Cookie代码续篇
Dec 03 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
Jul 28 Javascript
web前端开发upload上传头像js示例代码
Oct 22 Javascript
写jQuery插件时的注意点
Feb 20 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
使用js在layui中实现上传图片压缩
Jun 18 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的开发框架的现状和展望
2007/03/16 PHP
php ajax 静态分页过程形式
2011/09/02 PHP
PHP笔记之:基于面向对象设计的详解
2013/05/14 PHP
thinkPHP商城公告功能开发问题分析
2016/12/01 PHP
PHP实现二维数组根据key进行排序的方法
2016/12/30 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
jquery取消选择select下拉框示例代码
2014/02/22 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
2017/01/18 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
JavaScript制作简单的框选图表
2017/05/15 Javascript
jquery插件开发之选项卡制作详解
2017/08/30 jQuery
Angular入口组件(entry component)与声明式组件的区别详解
2018/04/09 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
2019/04/28 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
运动检测ViBe算法python实现代码
2018/01/09 Python
python实现log日志的示例代码
2018/04/28 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
使用Python画出小人发射爱心的代码
2019/11/23 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
美国高端婴童品牌:Hanna Andersson
2016/10/30 全球购物
中国最大的潮流商品购物网站:YOHO!BUY有货
2017/01/07 全球购物
演讲稿开场白
2014/01/13 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
节约用水标语
2014/06/11 职场文书
球队口号
2014/06/18 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
2014年内勤工作总结
2014/11/24 职场文书
2015元旦晚会主持词(开场白+结束语)
2014/12/14 职场文书
个性与发展自我评价
2015/03/06 职场文书
旷工辞退通知书
2015/04/17 职场文书
消防演习感想
2015/08/10 职场文书
SpringBoot2零基础到精通之数据库专项精讲
2022/03/22 Java/Android