基于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高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
jquery访问ashx文件示例代码
Aug 11 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
js闭包用法实例详解
Dec 13 Javascript
JavaScript自定义文本框光标
Mar 05 Javascript
Angular4 反向代理Details实践
May 30 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
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 APC配置文件2套和参数详解
2014/06/11 PHP
跨浏览器PHP下载文件名中的中文乱码问题解决方法
2015/03/05 PHP
PHP中如何判断exec函数执行成功?
2016/08/04 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
php无限级分类实现评论及回复功能
2019/02/18 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
jQuery 打造动态下滑菜单实现说明
2010/04/15 Javascript
jQuery 对Select的操作备忘记录
2011/07/04 Javascript
使用indexOf等在JavaScript的数组中进行元素查找和替换
2013/09/18 Javascript
Mac/Windows下如何安装Node.js
2013/11/22 Javascript
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
javascript动态添加checkbox复选框的方法
2015/12/23 Javascript
对Angular.js Controller如何进行单元测试
2016/10/25 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
vue2.0实现前端星星评分功能组件实例代码
2018/02/12 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
详解JavaScript 事件流
2020/09/02 Javascript
前端性能优化建议
2020/09/17 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
[02:51]2018年度DOTA2最佳中单位选手-完美盛典
2018/12/17 DOTA
Python快速排序算法实例分析
2017/11/29 Python
python3处理含有中文的url方法
2018/05/10 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
Python使用百度api做人脸对比的方法
2019/08/28 Python
Python使用gluon/mxnet模块实现的mnist手写数字识别功能完整示例
2019/12/18 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
杭州联环马网络笔试题面试题
2013/08/04 面试题
自考生自我鉴定范文
2013/10/01 职场文书
学前教育学生自荐信范文
2013/12/31 职场文书
乡镇网格化管理实施方案
2014/03/23 职场文书
机械设计专业大学生职业生涯规划书范文
2014/09/13 职场文书
推广普通话的宣传语
2015/07/13 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
无线电通信名词解释
2022/02/18 无线电