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 相关文章推荐
点击文章内容处弹出页面代码
Oct 01 Javascript
在Javascript中 声明时用&quot;var&quot;与不用&quot;var&quot;的区别
Apr 15 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
JQuery设置获取下拉菜单某个选项的值(比较全)
Aug 05 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
JavaScript中标识符提升问题
Jun 11 Javascript
JS建造者模式基本用法实例分析
Jun 30 Javascript
springMVC结合AjaxForm上传文件
Jul 12 Javascript
Node.js下自定义错误类型详解
Oct 17 Javascript
canvas 实现中国象棋
Feb 17 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 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各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
php面向对象中static静态属性与方法的内存位置分析
2015/02/08 PHP
php 文件下载 出现下载文件内容乱码损坏的解决方法(推荐)
2016/11/16 PHP
TNC vs RR BO3 第一场 2.14
2021/03/10 DOTA
超级有用的13个基于jQuery的内容滚动插件和教程
2011/07/31 Javascript
jsp+javascript打造级连菜单的实例代码
2013/06/14 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
鼠标经过tr时,改变tr当前背景颜色
2014/01/13 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
Vue中keep-alive的两种应用方式
2020/07/15 Javascript
[01:20:37]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
用Python的urllib库提交WEB表单
2009/02/24 Python
浅析使用Python操作文件
2017/07/31 Python
用python 批量更改图像尺寸到统一大小的方法
2018/03/31 Python
python实现俄罗斯方块
2018/06/26 Python
PyCharm更改字体和界面样式的方法步骤
2019/09/27 Python
Python3实现mysql连接和数据框的形成(实例代码)
2020/01/17 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
CSS3 box-shadow属性实例详解
2020/06/19 HTML / CSS
国际鲜花速递专家:Floraqueen
2016/11/24 全球购物
Agoda西班牙:全球特价酒店预订
2017/06/03 全球购物
北大自主招生自荐信
2013/10/19 职场文书
有个性的自我评价范文
2013/11/15 职场文书
高二学生评语大全
2014/04/25 职场文书
志愿者活动总结范文
2014/04/26 职场文书
信息技术课后反思
2014/04/27 职场文书
初中作文评语集锦
2014/12/25 职场文书
文明倡议书
2015/01/19 职场文书
MySQL数据库索引的最左匹配原则
2021/11/20 MySQL
《黑岩★★射手 DAWN FALL》BD发售宣传CM公开
2022/04/04 日漫