基于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 相关文章推荐
Javascript表格翻页效果实现思路及代码
Aug 23 Javascript
node.js中的path.resolve方法使用说明
Dec 08 Javascript
老生常谈原生JS执行环境与作用域
Nov 22 Javascript
Bootstrap复选框和单选按钮美化插件(推荐)
Nov 23 Javascript
js实现导航吸顶效果
Feb 24 Javascript
利用ES6语法重构React组件详解
Mar 02 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
JS实现点击循环切换显示内容的方法
Oct 19 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
Aug 29 Javascript
vue语法自动转typescript(解放双手)
Sep 18 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 得到根目录的 __FILE__ 常量
2008/07/23 PHP
destoon调用discuz论坛中带图片帖子的实现方法
2014/08/21 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
javascript 显示当前系统时间代码
2009/12/28 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
jQuery :nth-child前有无空格的区别分析
2011/07/11 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
2013/06/14 Javascript
使用typeof判断function是否存在于上下文
2014/08/14 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库
2015/01/09 Javascript
javascript 闭包详解
2015/02/15 Javascript
Angular2学习笔记——详解NgModule模块
2016/12/02 Javascript
EasyUI Datebox 日期验证之开始日期小于结束时间
2017/05/19 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
JavaScript键盘事件响应顺序详解
2019/09/30 Javascript
[19:15]DK战队纪录片
2014/09/02 DOTA
[07:20]2018DOTA2国际邀请赛寻真——逐梦Mineski
2018/08/10 DOTA
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python切换hosts文件代码示例
2013/12/31 Python
Python高级应用实例对比:高效计算大文件中的最长行的长度
2014/06/08 Python
使用Python实现一个简单的项目监控
2015/03/31 Python
Python数据类型详解(一)字符串
2016/05/08 Python
python字典键值对的添加和遍历方法
2016/09/11 Python
利用Python爬虫给孩子起个好名字
2017/02/14 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
使用keras2.0 将Merge层改为函数式
2020/05/23 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
阿根廷票务网站:StubHub阿根廷
2018/04/13 全球购物
法律专业实习鉴定
2013/12/22 职场文书
《白鹅》教学反思
2014/04/13 职场文书
2014年母亲节演讲稿范文
2014/05/07 职场文书
环保建议书300字
2014/05/14 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
Python如何配置环境变量详解
2021/05/18 Python