基于jquery实现的移入页面上空文本框时，让它变为焦点，

239 阅读 0 评论 158 点赞

我是靠谱客的博主超级小海豚，这篇文章主要介绍基于jquery实现的移入页面上空文本框时，让它变为焦点，，现在分享给大家，希望可以做个参考。

复制代码代码如下:

 
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 () { //每０.２豪秒去执行这个匿名方法一次 
if (!input.value) {//如果内容为空，则设为焦点 
try { 
input.focus(); 
} catch (e) { } 
} 
}, 200); 
} 
} 
}).bind("mouseout", function (e) {//鼠标移出 
if (e.target.tagName.toUpperCase() == "INPUT") { //被处理的事件源对象它的名称（即ＨＴＭＬ标记）转为大写后如果是INPUT 
var input = e.target; 
if (input.type == "text") { 
if (window.Page_FocusTimer) { 
window.clearTimeout(window.Page_FocusTimer); 
} 
} 
} 
}); 
} 