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 必知必会之closure
Sep 21 Javascript
运算符&amp;&amp;的三个不同层次
Apr 07 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
图片旋转、鼠标滚轮缩放、镜像、切换图片js代码
Dec 13 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
React + webpack 环境配置的方法步骤
Sep 07 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
May 01 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
在 Vue 中编写 SVG 图标组件的方法
Feb 24 Javascript
基于javascript处理二进制图片流过程详解
Jun 08 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
Zend framework处理一个http请求的流程分析
2010/02/08 PHP
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
php从给定url获取文件扩展名的方法
2015/03/14 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
PHP实现的大文件切割与合并功能示例
2018/04/10 PHP
js常用函数 不错
2006/09/08 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
AngularJS学习笔记之ng-options指令
2015/06/16 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
2016/01/12 Javascript
详解JavaScript对象序列化
2016/01/19 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
javascript的函数劫持浅析
2016/09/26 Javascript
微信小程序 textarea 组件详解及简单实例
2017/01/10 Javascript
基于vue2.0动态组件及render详解
2018/03/17 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
nodejs读取图片返回给浏览器显示
2019/07/25 NodeJs
layer弹出层扩展主题的方法
2019/09/11 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
python编写弹球游戏的实现代码
2018/03/12 Python
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
python 2.7 检测一个网页是否能正常访问的方法
2018/12/26 Python
Python基础学习之基本数据结构详解【数字、字符串、列表、元组、集合、字典】
2019/06/18 Python
用Python识别人脸,人种等各种信息
2019/07/15 Python
python  logging日志打印过程解析
2019/10/22 Python
python创建子类的方法分析
2019/11/28 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
django的模型类管理器——数据库操作的封装详解
2020/04/01 Python
浅谈TensorFlow之稀疏张量表示
2020/06/30 Python
法国时尚童装网站:Melijoe
2016/08/10 全球购物
Carter’s官方旗舰店:美国受欢迎的婴童服装品牌
2018/01/21 全球购物
2014年幼儿园保育工作总结
2014/12/02 职场文书
综合素质评价个性发展自我评价
2015/03/06 职场文书
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python