基于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操作Select 简单方便 一个js插件搞定
Nov 12 Javascript
JavaScript 常用函数
Dec 30 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
Feb 15 Javascript
bootstrap监听滚动实现头部跟随滚动
Nov 08 Javascript
AngularJS页面带参跳转及参数解析操作示例
Jun 28 Javascript
checkbox在vue中的用法小结
Nov 13 Javascript
详解Vue中watch的详细用法
Nov 28 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 Javascript
mongodb初始化并使用node.js实现mongodb操作封装方法
Apr 02 Javascript
Vue 动态组件components和v-once指令的实现
Aug 30 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 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 中英文语言转换类代码
2011/08/11 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
PHP获取指定月份第一天和最后一天的方法
2015/07/18 PHP
Yii2创建表单(ActiveForm)方法详解
2016/07/23 PHP
js树形控件脚本代码
2008/07/24 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
小程序二次贝塞尔曲线实现购物车商品曲线飞入效果
2019/01/07 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
2019/09/06 Javascript
layer弹出层自定义提交取消按钮的例子
2019/09/10 Javascript
js实现数据导出为EXCEL(支持大量数据导出)
2020/03/31 Javascript
Django1.7+python 2.78+pycharm配置mysql数据库
2016/10/09 Python
Python类的动态修改的实例方法
2017/03/24 Python
python实现k-means聚类算法
2018/02/23 Python
python 实现在txt指定行追加文本的方法
2018/04/29 Python
详解TensorFlow查看ckpt中变量的几种方法
2018/06/19 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
PyQT实现菜单中的复制,全选和清空的功能的方法
2019/06/17 Python
python使用装饰器作日志处理的方法
2019/07/11 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
英国工具中心:UK Tool Centre
2017/07/10 全球购物
介绍java中初始化块的使用
2012/09/11 面试题
求职自荐书范文
2013/12/04 职场文书
初三家长会邀请函
2014/01/18 职场文书
测试工程师职业规划书
2014/02/06 职场文书
技校毕业生个人学习的自我评价
2014/02/21 职场文书
网管求职信
2014/03/03 职场文书
材料专业大学毕业生自荐书
2014/07/02 职场文书
加班费申请报告
2015/05/15 职场文书
java项目构建Gradle的使用教程
2022/03/24 Java/Android
游戏《东方异文石:爱亚利亚黎明》正式版发布
2022/04/03 其他游戏
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技