基于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 相关文章推荐
jquery实现搜索框常见效果的方法
Jan 22 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
JS实现可关闭的对联广告效果代码
Sep 14 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
浅析JS中常用类型转换及运算符表达式
Jul 23 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
微信小程序实现动态设置页面标题的方法【附源码下载】
Nov 29 Javascript
vue自定义一个v-model的实现代码
Jun 21 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
vue实现div单选多选功能
Jul 16 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 flv视频时间获取函数
2010/06/29 PHP
php中session退出登陆问题
2014/02/27 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
php mysql 封装类实例代码
2016/09/18 PHP
thinkPHP5实现的查询数据库并返回json数据实例
2017/10/23 PHP
javascript的对话框详解与参数
2007/03/08 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
js事件冒泡实例分享(已测试)
2013/04/23 Javascript
js document.write()使用介绍
2014/02/21 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
在web中js实现类似excel的表格控件
2016/09/01 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
史上最全JavaScript常用的简写技巧(推荐)
2017/08/17 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
uni-app 自定义底部导航栏的实现
2020/12/11 Javascript
pandas数据筛选和csv操作的实现方法
2019/07/02 Python
利用Pandas和Numpy按时间戳将数据以Groupby方式分组
2019/07/22 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
Django自带的用户验证系统实现
2020/12/18 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
酒吧员工的岗位职责
2013/11/26 职场文书
应届专科生个人的自我评价
2014/01/05 职场文书
宾馆总经理岗位职责
2014/02/14 职场文书
优秀实习生感言
2014/03/01 职场文书
我的求职择业计划书
2014/04/04 职场文书
优秀学生干部先进事迹材料
2014/05/26 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
2016特色励志班级口号
2015/12/24 职场文书
七年级作文之冬景
2019/11/07 职场文书
Java 多态分析
2022/04/26 Java/Android