基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点


Posted in Javascript onJuly 26, 2011
var Page_INIT = function () { 
$(document).bind("mouseover", function (e) {//鼠标移入 
if (e.target.tagName.toUpperCase() == "INPUT") { 
var input = e.target; 
if (input.type == "text") {//如果是文本框 
if (window.Page_FocusTimer) {//如果处于焦点状态 
window.clearTimeout(window.Page_FocusTimer);//清除焦点状态 
} 
window.Page_FocusTimer = window.setTimeout(function () { //每0.2豪秒去执行这个匿名方法一次 
if (!input.value) {//如果内容为空,则设为焦点 
try { 
input.focus(); 
} catch (e) { } 
} 
}, 200); 
} 
} 
}).bind("mouseout", function (e) {//鼠标移出 
if (e.target.tagName.toUpperCase() == "INPUT") { //被处理的事件源对象它的名称(即HTML标记)转为大写后如果是INPUT 
var input = e.target; 
if (input.type == "text") { 
if (window.Page_FocusTimer) { 
window.clearTimeout(window.Page_FocusTimer); 
} 
} 
} 
}); 
}
Javascript 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
JavaScript this 深入理解
Jul 30 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
基于jquery的代码显示区域自动拉长效果
Dec 07 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 Javascript
用jQuery toggleClass 实现鼠标移上变色
May 14 Javascript
js实现跨域的多种方法
Dec 25 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 Javascript
非常漂亮的js烟花效果
Mar 10 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 #Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 #Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 #Javascript
jQuery选择器的工作原理和优化分析
Jul 25 #Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 #Javascript
multiSteps 基于Jquery的多步骤滑动切换插件
Jul 22 #Javascript
JavaScript实现页面滚动图片加载(仿lazyload效果)
Jul 22 #Javascript
You might like
PHP实现判断数组是一维、二维或几维的方法
2017/02/06 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
记录几个javascript有关的小细节
2007/04/02 Javascript
javascript应用:Iframe自适应其加载的内容高度
2007/04/10 Javascript
jQuery MD5加密实现代码
2010/03/15 Javascript
提交表单时执行func方法实现代码
2013/03/17 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
使用jQuery加载html页面到指定的div实现方法
2016/07/13 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
vue3+typeScript穿梭框的实现示例
2020/12/29 Vue.js
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
python共享引用(多个变量引用)示例代码
2013/12/04 Python
举例讲解Linux系统下Python调用系统Shell的方法
2015/11/07 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
django启动uwsgi报错的解决方法
2018/04/08 Python
Python检测网络延迟的代码
2018/05/15 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
python xpath获取页面注释的方法
2019/01/14 Python
对python判断ip是否可达的实例详解
2019/01/31 Python
Kali Linux安装ipython2 和 ipython3的方法
2019/07/11 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
python 将html转换为pdf的几种方法
2020/12/29 Python
美国购买舞会礼服网站:Couture Candy
2019/12/29 全球购物
PHP高级工程师面试问题推荐
2013/01/18 面试题
What is EJB
2016/07/22 面试题
高校辅导员推荐信范文
2013/12/25 职场文书
毕业生就业意向书
2014/04/01 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
SQL中的连接查询详解
2022/06/21 SQL Server