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 核心函数以及jQuery对象
Mar 23 Javascript
JavaScript高级程序设计(第3版)学习笔记2 js基础语法
Oct 11 Javascript
JavaScript立即执行函数的三种不同写法
Sep 05 Javascript
Jquery实现鼠标移动放大图片功能实例
Mar 25 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
Dec 03 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
Dec 27 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
Jun 01 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
Jan 18 Javascript
JS根据Unix时间戳显示发布时间是多久前【项目实测】
Jul 10 Javascript
使用PreloadJS加载图片资源的基础方法详解
Feb 03 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
js 数据类型判断的方法
Dec 03 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 Cookie的一个使用注意点
2008/11/08 PHP
yii框架中的Url生产问题小结
2012/01/16 PHP
PHP查询数据库中满足条件的记录条数(两种实现方法)
2013/01/29 PHP
使用新浪微博API的OAuth认证发布微博实例
2015/03/27 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
JavaScript 函数式编程的原理
2009/10/16 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
JavaScript DOM基础
2015/04/13 Javascript
js漂浮广告实现代码
2015/08/15 Javascript
详解原生JavaScript实现jQuery中AJAX处理的方法
2016/05/10 Javascript
js将滚动条滚动到指定位置的简单实现方法
2016/06/25 Javascript
JS对象的深度克隆方法示例
2017/03/16 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
vue强制刷新组件的方法示例
2019/02/28 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
2019/09/17 Javascript
jQuery 选择器用法基础入门示例
2020/01/04 jQuery
浅谈vue中document.getElementById()拿到的是原值的问题
2020/07/26 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
python 示例分享---逻辑推理编程解决八皇后
2014/07/20 Python
python opencv摄像头的简单应用
2019/06/06 Python
使用 Python 处理3万多条数据只要几秒钟
2020/01/19 Python
Python语法垃圾回收机制原理解析
2020/03/25 Python
浅谈django 模型类使用save()方法的好处与注意事项
2020/03/28 Python
tensorflow实现将ckpt转pb文件的方法
2020/04/22 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
如何利用python进行时间序列分析
2020/08/04 Python
纯css3制作煽动翅膀的蝴蝶的示例
2018/04/23 HTML / CSS
中医临床专业自我鉴定范文
2014/01/15 职场文书
监督检查工作方案
2014/05/28 职场文书
党旗在我心中演讲稿
2014/09/15 职场文书
党支部书记岗位职责
2015/02/15 职场文书
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技
PYTHON基于Pyecharts绘制常见的直角坐标系图表
2022/04/28 Python