基于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 相关文章推荐
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 Javascript
SOSO地图API使用(一)在地图上画圆实现思路与代码
Jan 15 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
Sep 01 Javascript
AngularJS directive返回对象属性详解
Mar 28 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
JavaScript继承学习笔记【新手必看】
May 10 Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
Jun 08 Javascript
jQuery autoComplete插件两种使用方式及动态改变参数值的方法详解
Oct 24 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
ES6 如何改变JS内置行为的代理与反射
Feb 11 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
微信小程序实现form表单本地储存数据
Jun 27 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 类型转换函数intval
2009/06/20 PHP
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
一些被忽视的PHP函数(简单整理)
2010/04/30 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
php使用filter_var函数判断邮箱,url,ip格式示例
2019/07/06 PHP
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
Jquery中offset()和position()的区别分析
2015/02/05 Javascript
JavaScript实现select添加option
2015/07/03 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
JS实现的数字格式化功能示例
2017/02/10 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
详解使用vuex进行菜单管理
2017/12/21 Javascript
[01:02:34]TFT vs VGJ.T Supermajor 败者组 BO3 第二场 6.5
2018/06/06 DOTA
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
[02:10]三分钟回顾完美世界城市挑战赛
2019/01/24 DOTA
python实现统计代码行数的方法
2015/05/22 Python
分享Python开发中要注意的十个小贴士
2016/08/30 Python
python基础之入门必看操作
2017/07/26 Python
学生信息管理系统Python面向对象版
2019/01/30 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
django中的数据库迁移的实现
2020/03/16 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
运动会开幕式解说词
2014/02/05 职场文书
毕业生自荐信范文
2015/03/05 职场文书
暑假生活随笔
2015/08/15 职场文书
js实现模拟购物商城案例
2021/05/18 Javascript
Python实现批量将文件复制到新的目录中再修改名称
2022/04/12 Python