基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点_Javascript教程-查字典教程网
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:varPage_INIT=function(){$(document).bind("mouseover",function...

复制代码 代码如下:

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教程学习
    热门Javascript教程学习
    编程开发子分类