基于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 相关文章推荐
不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术
Sep 25 Javascript
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
Oct 20 Javascript
JS简单实现文件上传实例代码(无需插件)
Nov 15 Javascript
jquery实现LED广告牌旋转系统图片切换效果代码分享
Aug 26 Javascript
json+jQuery实现的无限级树形菜单效果代码
Aug 27 Javascript
JS中的==运算: [''] == false —>true
Jul 24 Javascript
jQuery中DOM节点的删除方法总结(超全面)
Jan 22 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
IntersectionObserver实现图片懒加载的示例
Sep 29 Javascript
在element-ui的select下拉框加上滚动加载
Apr 18 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
微信小程序bindtap事件与冒泡阻止详解
Aug 08 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设计模式 Singleton(单例模式)
2011/06/26 PHP
使用php验证复选框有效性的示例
2013/11/13 PHP
PHP中多维数组的foreach遍历示例
2014/06/13 PHP
ThinkPHP之import方法实例详解
2014/06/20 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
php设计模式之抽象工厂模式分析【星际争霸游戏案例】
2020/01/23 PHP
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
2007/01/09 Javascript
JavaScript 数组的 uniq 方法
2008/01/23 Javascript
javascript一些不错的函数脚本代码
2008/09/10 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
checkbox 复选框不能为空
2009/07/11 Javascript
需要做特殊处理的DOM元素属性的访问
2010/11/05 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
js查找节点的方法小结
2015/01/13 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
封装 axios+promise通用请求函数操作
2020/08/11 Javascript
使用python实现tcp自动重连
2017/07/02 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
python3.6 如何将list存入txt后再读出list的方法
2019/07/02 Python
python怎么调用自己的函数
2020/07/01 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
如果NULL和0作为空指针常数是等价的,那我到底该用哪一个
2014/09/16 面试题
公司司机岗位职责
2014/02/07 职场文书
党员四风问题对照检查材料
2014/09/27 职场文书
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
汽车销售助理岗位职责
2015/04/14 职场文书
业务员年终工作总结2015
2015/05/28 职场文书
Python激活Anaconda环境变量的详细步骤
2021/06/08 Python