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 select(列表)的操作(取值/赋值)
Aug 06 Javascript
判定是否原生方法的JS代码
Nov 12 Javascript
3kb jQuery代码搞定各种树形选择的实现方法
Jun 10 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
js实现手机web图片左右滑动效果
Dec 29 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
详解VueJs中的V-bind指令
May 03 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
React实现动效弹窗组件
Jun 21 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/04/12 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
javascript 禁止复制网页
2009/06/11 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
jQuery源码解读之removeClass()方法分析
2015/02/20 Javascript
详解JavaScript语言的基本语法要求
2015/11/20 Javascript
分享网页检测摇一摇实例代码
2016/01/14 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
2016/05/21 Javascript
Angular 4 指令快速入门教程
2017/06/07 Javascript
jQuery简单实现对数组去重及排序操作实例
2017/10/31 jQuery
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
Vuex 使用及简单实例(计数器)
2018/08/29 Javascript
详解一个小实例理解js原型和继承
2019/04/24 Javascript
JS实现的贪吃蛇游戏案例详解
2019/05/01 Javascript
详解React 元素渲染
2020/07/07 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
原生JS实现音乐播放器
2021/01/26 Javascript
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
R语言 vs Python对比:数据分析哪家强?
2017/11/17 Python
Python实现的多进程和多线程功能示例
2018/05/29 Python
python爬虫之urllib3的使用示例
2018/07/09 Python
Python3模拟登录操作实例分析
2019/03/12 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
解决pycharm编辑区显示yaml文件层级结构遇中文乱码问题
2020/04/27 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
python中判断数字是否为质数的实例讲解
2020/12/06 Python
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
计算机专业自我鉴定
2013/10/15 职场文书
安全大检查实施方案
2014/02/22 职场文书
教师个人总结范文
2015/02/11 职场文书
民事答辩状格式范文
2015/05/21 职场文书
2015年教研工作总结
2015/05/23 职场文书
律师催款函范文
2015/06/24 职场文书
pytorch 如何把图像数据集进行划分成train,test和val
2021/05/31 Python