基于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函数内部this指针指向的三种方法
Apr 23 Javascript
Firefox中autocomplete="off" 设置不起作用Bug的解决方法
Mar 25 Javascript
Javascript 面向对象(二)封装代码
May 23 Javascript
js操作textarea 常用方法总结
Dec 03 Javascript
jquery简单实现鼠标经过导航条改变背景图
Dec 17 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
Aug 31 Javascript
Spring MVC中Ajax实现二级联动的简单实例
Jul 06 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
基于 jQuery 实现键盘事件监听控件
Apr 04 jQuery
ES6中异步对象Promise用法详解
Jul 31 Javascript
微信小程序实现签到弹窗动画
Sep 21 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
使用 MySQL Date/Time 类型
2008/03/26 PHP
解析PHP中如何将数组变量写入文件
2013/06/06 PHP
对PHP语言认识上需要避免的10大误区
2014/06/12 PHP
PHP实现生成数据字典功能示例
2018/05/24 PHP
PHP中引用类型和值类型功能与用法示例
2019/02/26 PHP
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
2014/05/05 Javascript
jQuery中dom元素上绑定的事件详解
2015/04/24 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
微信小程序 wx.request(OBJECT)发起请求详解
2016/10/13 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
nodejs实现百度舆情接口应用示例
2020/02/07 NodeJs
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
vue制作抓娃娃机的示例代码
2020/04/17 Javascript
Python中使用logging和traceback模块记录日志和跟踪异常
2019/04/09 Python
python 实现GUI(图形用户界面)编程详解
2019/07/17 Python
简单的Python调度器Schedule详解
2019/08/30 Python
tensorflow 查看梯度方式
2020/02/04 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
python 实现客户端与服务端的通信
2020/12/23 Python
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
递归实现回文判断(如:abcdedbca就是回文,判断一个面试者对递归理解的简单程序)
2013/04/28 面试题
如何撰写一封出色的求职信
2014/04/27 职场文书
祖国在我心中演讲稿500字
2014/05/04 职场文书
金融专业毕业生自荐信
2014/06/26 职场文书
普通党员个人整改措施
2014/10/27 职场文书
四年级小学生评语
2014/12/26 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书
青年联谊会致辞
2015/07/31 职场文书
有关花店创业的计划书模板
2019/08/27 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
详细谈谈MYSQL中的COLLATE是什么
2021/06/11 MySQL
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS
MySQL分区以及建索引的方法总结
2022/04/13 MySQL