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 相关文章推荐
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
改变javascript函数内部this指针指向的三种方法
Apr 23 Javascript
HTML,CSS,JavaScript速查表推荐
Dec 02 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
javascript实现全角与半角字符的转换
Jan 07 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
微信小程序 火车票查询实例讲解
Oct 17 Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
vue路由跳转时判断用户是否登录功能的实现
Oct 26 Javascript
angular4 JavaScript内存溢出问题
Mar 06 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 Javascript
处理JavaScript值为undefined的7个小技巧
Jul 28 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加密解密的代码
2006/10/09 PHP
PHP入门速成教程
2007/03/19 PHP
php递归法读取目录及文件的方法
2015/01/30 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
jquery不会自动回收xmlHttpRequest对象 导致了内存溢出
2012/06/18 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
javascript中全局对象的parseInt()方法使用介绍
2013/12/19 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
JS字符串拼接在ie中都报错的解决方法
2014/03/27 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
js评分组件使用详解
2017/06/06 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
2018/10/28 Javascript
Vue 实例事件简单示例
2019/09/19 Javascript
JS数据类型判断的几种常用方法
2020/07/07 Javascript
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
CSS3制作气泡对话框的实例教程
2016/05/10 HTML / CSS
美国婚礼和派对礼品网站:Kate Aspen(新娘送礼会、迎婴派对)
2018/03/28 全球购物
找工作最新求职信
2013/12/22 职场文书
小学防溺水制度
2014/01/29 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
校园广播稿100字
2014/10/06 职场文书
财务经理岗位职责
2015/01/31 职场文书
悬空寺导游词
2015/02/05 职场文书
收入证明申请书
2015/06/12 职场文书
同意转租证明
2015/06/24 职场文书
投诉信范文
2015/07/02 职场文书
拔河比赛新闻稿
2015/07/17 职场文书
2015年幼儿教育工作总结
2015/07/24 职场文书
忆童年!用Python实现愤怒的小鸟游戏
2021/06/07 Python
python 判断文件或文件夹是否存在
2022/03/18 Python
vue实现简易音乐播放器
2022/08/14 Vue.js