手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
摘要:复制代码代码如下: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);

}

}

}

});

}

【基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点】相关文章:

jQuery实现限制textarea文本框输入字符数量的方法

jquery插件splitScren实现页面分屏切换模板特效

jQuery实现页面内锚点平滑跳转特效的方法总结

Javascript实现广告页面的定时关闭

jQuery的Scrollify插件实现滑动到页面下一节点

jQuery的基本概念与高级编程

jQuery实现给页面换肤的方法

jquery实现点击label的同时触发文本框点击事件的方法

javascript基于DOM实现省市级联下拉框的方法

jquery实现弹出层效果实例

精品推荐
分类导航