基于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 (十) jQueryUI常用功能实战
Feb 23 Javascript
jquery判断页面网址是否有效的两种方法
Dec 11 Javascript
微信小程序 wx.uploadFile无法上传解决办法
Dec 14 Javascript
前端js弹出框组件使用方法
Aug 24 Javascript
关于Promise 异步编程的实例讲解
Sep 01 Javascript
angularjs 动态从后台获取下拉框的值方法
Aug 13 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
Dec 19 Javascript
微信小程序传值以及获取值方法的详解
Apr 29 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
微信小程序向Java后台传输参数的方法实现
Dec 10 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
Protoss热键控制
2020/03/14 星际争霸
typecho插件编写教程(一):Hello World
2015/05/28 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
Javascript Select操作大集合
2009/05/26 Javascript
JavaScript Event学习第五章 高级事件注册模型
2010/02/07 Javascript
50个比较实用jQuery代码段
2011/09/18 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
自动完成的搜索框javascript实现
2016/02/26 Javascript
javascript监听页面刷新和页面关闭事件方法详解
2017/01/09 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
关于ES6的六个小特性(二)
2017/02/20 Javascript
jQuery 判断元素整理汇总
2017/02/28 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
AngularJS路由删除#符号解决的办法
2017/09/28 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
微信小程序开发之转发分享功能
2019/10/22 Javascript
Python中threading模块join函数用法实例分析
2015/06/04 Python
多个应用共存的Django配置方法
2018/05/30 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
Python OrderedDict的使用案例解析
2019/10/25 Python
解决Firefox下不支持outerHTML问题代码分享
2014/06/04 HTML / CSS
使用spring mvc+localResizeIMG实现HTML5端图片压缩上传的功能
2016/12/16 HTML / CSS
即时搜索数百万张门票:SeatsForEveryone.com
2018/08/26 全球购物
《草原的早晨》教学反思
2014/04/08 职场文书
安全负责人任命书
2014/06/06 职场文书
中学生综合素质自我评价
2015/03/06 职场文书
2015年司机工作总结
2015/04/23 职场文书
SpringBoot整合RabbitMQ的5种模式实战
2021/08/02 Java/Android
千万级用户系统SQL调优实战分享
2022/03/03 MySQL
Docker 镜像介绍以及commit相关操作
2022/04/13 Servers