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 相关文章推荐
javascript 控制弹出窗口
Apr 10 Javascript
零基础学JavaScript最新动画教程+iso光盘下载
Jan 22 Javascript
js实现表格字段排序
Feb 19 Javascript
jquery用offset()方法获得元素的xy坐标
Sep 06 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
原生js实现类似弹窗抖动效果
Apr 02 Javascript
JS拖动鼠标画出方框实现鼠标选区的方法
Aug 05 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
Jun 03 Javascript
JavaScript实现公历转农历功能示例
Feb 13 Javascript
详解vue-cli项目中怎么使用mock数据
May 29 Javascript
jQuery pjax 应用简单示例
Sep 20 jQuery
javascript sort()对数组中的元素进行排序详解
Oct 13 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
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
Nigma vs Liquid BO3 第一场2.13
2021/03/10 DOTA
js表格分页实现代码
2009/09/18 Javascript
jquery遍历checkbox的注意事项说明
2014/02/21 Javascript
jQuery分组选择器用法实例
2014/12/23 Javascript
JavaScript获取元素尺寸和大小操作总结
2015/02/27 Javascript
Javascript验证方法大全
2015/09/21 Javascript
AngularJS使用angular-formly进行表单验证
2015/12/27 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
vue实现简单实时汇率计算功能
2017/01/15 Javascript
Vue 2.0+Vue-router构建一个简单的单页应用(附源码)
2017/03/14 Javascript
javascript流程控制语句集合
2017/09/18 Javascript
AngularJS 中的数据源的循环输出
2017/10/12 Javascript
js通过循环多张图片实现动画效果
2019/12/19 Javascript
基于vue-draggable 实现三级拖动排序效果
2020/01/10 Javascript
vuex Module将 store 分割成模块的操作
2020/12/07 Vue.js
Vue 数据响应式相关总结
2021/01/28 Vue.js
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
Python2比较当前图片跟图库哪个图片相似的方法示例
2019/09/28 Python
python基于opencv检测程序运行效率
2019/12/28 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
2020/03/30 Python
Python小白不正确的使用类变量实例
2020/05/29 Python
Linux常见面试题
2016/10/04 面试题
介绍一下Make? 为什么使用make
2016/07/31 面试题
院药学专业个人求职信
2013/09/21 职场文书
授权委托书样本
2014/04/03 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
一次性工伤赔偿协议书范本
2014/11/25 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
辞职离别感言
2015/08/04 职场文书
详解PHP Swoole与TCP三次握手
2021/05/27 PHP
maven 解包依赖项中的文件的解决方法
2022/07/15 Java/Android