基于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 随机展示头像实现代码
Dec 06 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
Oct 15 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
js数组操作常用方法
May 08 Javascript
JavaScript常用脚本汇总(一)
Mar 04 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
解决axios post 后端无法接收数据的问题
Oct 29 Javascript
使用typescript改造koa开发框架的实现
Feb 04 Javascript
ES2020系列之空值合并运算符 '??'
Jul 22 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 在5.1.* 和5.2.*之间 PDO数据库操作中的不同之处小结
2012/03/07 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
php防止表单重复提交实例讲解
2019/02/11 PHP
asp函数split()对应php函数explode()
2019/02/27 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
JavaScript RegExp方法获取地址栏参数(面向对象)
2009/03/10 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
2017/07/18 jQuery
深入解析nodejs HTTP服务
2017/07/25 NodeJs
jquery操作ul的一些操作笔记整理(干货)
2017/08/31 jQuery
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
2017/09/11 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
2017/11/03 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
2018/04/19 jQuery
JavaScript 2018 中即将迎来的新功能
2018/09/21 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
[01:15:15]VG VS EG Supermajor小组赛B组胜者组第一轮 BO3第二场 6.2
2018/06/03 DOTA
Python实现比较扑克牌大小程序代码示例
2017/12/06 Python
Pandas 合并多个Dataframe(merge,concat)的方法
2018/06/08 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
Python如何用filter函数筛选数据
2020/03/05 Python
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
allbeauty美国:英国在线美容店
2019/03/11 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
竞选学生会演讲稿
2014/04/25 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
发布会邀请函
2015/01/31 职场文书
餐厅服务员岗位职责
2015/02/09 职场文书
期中考试后的感想
2015/08/07 职场文书
职工的安全责任书范文!
2019/07/02 职场文书