基于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 相关文章推荐
document.getElementById的简写方式(获取id对象的简略写法)
Sep 10 Javascript
为超链接加上disabled后的故事
Dec 10 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
jquery动态改变form属性提交表单
Jun 03 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
JS中使用变量保存arguments对象的方法
Jun 03 Javascript
angular.js分页代码的实例
Jul 27 Javascript
JavaScript实现设置默认日期范围为最近40天的方法分析
Jul 12 Javascript
js+html5实现半透明遮罩层弹框效果
Aug 24 Javascript
vuejs简单验证码功能完整示例
Jan 08 Javascript
JavaScript ES2019中的8个新特性详解
Feb 20 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
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读取3389的脚本
2014/05/06 PHP
PHP遍历目录函数opendir()、readdir()、closedir()、rewinddir()总结
2014/11/18 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
Zend Framework基于Command命令行建立ZF项目的方法
2017/02/18 PHP
Laravel框架模板加载,分配变量及简单路由功能示例
2018/06/11 PHP
使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
2014/06/05 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
浅析javascript中的DOM
2015/03/01 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
详解Angularjs filter过滤器
2016/02/06 Javascript
JS简单设置下拉选择框默认值的方法
2016/08/20 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
2017/02/13 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
微信小程序在其他页面监听globalData中值的变化
2019/07/15 Javascript
微信小程序 行的删除和增加操作实现详解
2019/09/29 Javascript
解决vue项目刷新后,导航菜单高亮显示的位置不对问题
2019/11/01 Javascript
深入解读Python解析XML的几种方式
2016/02/16 Python
Python 批量合并多个txt文件的实例讲解
2018/05/08 Python
Flask web开发处理POST请求实现(登录案例)
2018/07/26 Python
pyspark.sql.DataFrame与pandas.DataFrame之间的相互转换实例
2018/08/02 Python
python实现推箱子游戏
2020/03/25 Python
python实现自动化上线脚本的示例
2019/07/01 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
python中pow函数用法及功能说明
2020/12/04 Python
CSS3绘制不规则图形的一些方法示例
2015/11/07 HTML / CSS
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
《商鞅南门立木》教学反思
2014/02/16 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
社区活动总结
2015/02/04 职场文书
纯CSS实现hover图片pop-out弹出效果的实例代码
2021/04/16 HTML / CSS
goland 清除所有的默认设置操作
2021/04/28 Golang
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers