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 相关文章推荐
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 Javascript
a标签的href和onclick 的事件的区别介绍
Jul 26 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 Javascript
WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现
Jan 12 Javascript
利用jQuery.Validate异步验证用户名是否存在(推荐)
Dec 09 Javascript
js仿百度音乐全选操作
Jan 13 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
JavaScript实现异步图像上传功能
Jul 12 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
15分钟学会vue项目改造成SSR(小白教程)
Dec 17 Javascript
vue项目实现多语言切换的思路
Sep 17 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实现截取指定长度
2013/08/06 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
javascript数组去重的方法汇总
2015/04/14 Javascript
解决JS无法调用Controller问题的方法
2015/12/31 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
微信小程序单选框自定义赋值
2020/05/26 Javascript
解决echarts vue数据更新,视图不更新问题(echarts嵌在vue弹框中)
2020/07/20 Javascript
Python中取整的几种方法小结
2017/01/06 Python
python之生产者消费者模型实现详解
2019/07/27 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
Python内置方法实现字符串的秘钥加解密(推荐)
2019/12/09 Python
Python 使用 environs 库定义环境变量的方法
2020/02/25 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
2014年感恩母亲演讲稿
2014/05/27 职场文书
优秀党员自我评价范文
2014/09/15 职场文书
离婚协议书范本2014
2014/10/27 职场文书
学校开除通知书
2015/04/25 职场文书
运动会闭幕式致辞
2015/07/29 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
Python import模块的缓存问题解决方案
2021/06/02 Python
Python matplotlib绘制条形统计图 处理多个实验多组观测值
2022/04/21 Python