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技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
Jquery性能优化详解
May 15 Javascript
jQuery实现的一个自定义Placeholder属性插件
Aug 11 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
javascript 正则表达式分组、断言详解
Apr 20 Javascript
详解vue 模版组件的三种用法
Jul 21 Javascript
初识 Vue.js 中的 *.Vue文件
Nov 22 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
微信小程序和H5页面间相互跳转代码实例
Sep 19 Javascript
JS实现网站楼层导航效果代码实例
Jun 16 Javascript
八种Vue组件间通讯方式合集(推荐)
Aug 18 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 cookie 作用范围?不要在当前页面使用你的cookie
2009/03/24 PHP
php 定义404页面的实现代码
2012/11/19 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(五)
2014/06/23 PHP
php实现获取农历(阴历)、节日、节气的类与用法示例
2017/11/20 PHP
jQuery的一些特性和用法整理小结
2010/01/13 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
js判断日期时间有效性的方法
2015/10/24 Javascript
JavaScript常用字符串与数组扩展函数小结
2016/04/24 Javascript
Bootstrap模块dropdown实现下拉框响应
2016/05/22 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
2016/09/08 Javascript
JavaScript 中 avalon绑定属性总结
2016/10/19 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
通过实例了解JS 连续赋值
2019/09/24 Javascript
nodejs如何在package.json中设置多条启动命令
2020/03/16 NodeJs
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
[04:32]玩具屠夫中文语音节选
2020/08/23 DOTA
python中找出numpy array数组的最值及其索引方法
2018/04/17 Python
Django实现发送邮件功能
2019/07/18 Python
基于python plotly交互式图表大全
2019/12/07 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
python变量的作用域是什么
2020/05/26 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
纯CSS3实现8组超炫酷鼠标滑过图片动画
2016/03/16 HTML / CSS
Bibloo匈牙利:女装、男装、童装及鞋子和配饰
2019/04/14 全球购物
FirstCry阿联酋儿童和婴儿产品网上购物:FirstCry.ae
2021/02/22 全球购物
领导干部培训感言
2014/01/23 职场文书
大学军训感言600字
2014/02/25 职场文书
辩论赛主持词
2014/03/18 职场文书
银行竞聘演讲稿
2014/05/16 职场文书
小学运动会口号
2014/06/07 职场文书
大连星海广场导游词
2015/02/10 职场文书
2015高考寄语集锦
2015/02/27 职场文书
Python语法学习之进程的创建与常用方法详解
2022/04/08 Python