移入页面上空文本框时,让它变为焦点,移出清除焦点

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);
                }
            }
        }
    });
}
posted @   张占岭  阅读(1761)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
点击右上角即可分享
微信分享提示