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 String 对象
Apr 25 Javascript
很全的显示阴历(农历)日期的js代码
Jan 01 Javascript
juqery 学习之三 选择器 简单 内容
Nov 25 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
浅析上传头像示例及其注意事项
Dec 14 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
VUE中使用HTTP库Axios方法详解
Feb 05 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
Jul 09 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将数据导入到Foxmail的实现代码
2010/09/05 PHP
php下foreach提示Warning:Invalid argument supplied for foreach()的解决方法
2014/11/11 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
php自动识别文字编码并转换为目标编码的方法
2015/08/08 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
一些javascript一些题目的解析
2010/12/25 Javascript
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
JS清空多文本框、文本域示例代码
2014/02/24 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
2016/06/27 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
2016/09/09 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
JS简单实现获取元素的封装操作示例
2017/04/07 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
Python、Javascript中的闭包比较
2015/02/04 Python
Python实现SSH远程登陆,并执行命令的方法(分享)
2017/05/08 Python
浅谈Python处理PDF的方法
2017/11/10 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
Python实现删除时保留特定文件夹和文件的示例
2018/04/27 Python
Python 实现Numpy中找出array中最大值所对应的行和列
2019/11/26 Python
Python 生成一个从0到n个数字的列表4种方法小结
2019/11/28 Python
Python生态圈图像格式转换问题(推荐)
2019/12/02 Python
python实现发送带附件的邮件代码分享
2020/09/22 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
生产厂厂长岗位职责
2013/12/25 职场文书
营销学习心得体会
2014/09/12 职场文书
党的群众路线教育实践活动对照检查材料(教师)
2014/09/24 职场文书
运动会报道稿300字
2014/10/02 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
AJAX实现省市县三级联动效果
2021/10/16 Javascript
python基础之文件操作
2021/10/24 Python