基于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 相关文章推荐
js 变量类型转换常用函数与代码[比较全]
Dec 01 Javascript
JQuery onload、ready概念介绍及使用方法
Apr 27 Javascript
input禁止键盘及中文输入,但可以点击
Feb 13 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
微信小程序实现搜索历史功能
Mar 26 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
Vue实现手机计算器
Aug 17 Javascript
vue组件冲突之引用另一个组件出现组件不显示的问题
Apr 13 Vue.js
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和ACCESS写聊天室(六)
2006/10/09 PHP
IP攻击升级,程序改进以对付新的攻击
2010/11/23 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
jQuery插件实现屏蔽单个元素使用户无法点击
2013/04/12 Javascript
jquery实现tr元素的上下移动示例代码
2013/12/20 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
javascript基本语法
2016/05/31 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
详解Angular.js指令中scope类型的几种特殊情况
2017/02/21 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
vue中tab选项卡的实现思路
2018/11/25 Javascript
vuex 中插件的编写案例解析
2019/06/10 Javascript
jQuery带控制按钮轮播图插件
2020/07/31 jQuery
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
linux系统使用python监测系统负载脚本分享
2014/01/15 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
linux下安装python3和对应的pip环境教程详解
2019/07/01 Python
pytorch打印网络结构的实例
2019/08/19 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
中国茶叶、茶具一站式网上购物商城:醉品茶城
2018/07/03 全球购物
物流专业自荐信
2014/05/23 职场文书
专科应届毕业生求职信
2014/06/04 职场文书
预防艾滋病宣传标语
2014/06/25 职场文书
小学母亲节活动总结
2015/02/10 职场文书
员工考勤管理制度
2015/08/06 职场文书
Anaconda配置各版本Pytorch的实现
2021/08/07 Python
Python实现Hash算法
2022/03/18 Python
Java 使用类型为Object的变量指向任意类型的对象
2022/04/13 Java/Android