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

简介:
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);
                }
            }
        }
    });

}

本文转自博客园张占岭(仓储大叔)的博客,原文链接:移入页面上空文本框时,让它变为焦点,移出清除焦点,如需转载请自行联系原博主。

目录
相关文章
|
3月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
43 0
|
4月前
|
前端开发 JavaScript
在一张图片上添加鼠标移入和移出事件,并定位图片中的内容
在一张图片上添加鼠标移入和移出事件,并定位图片中的内容
51 1
|
4月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
35 1
|
5月前
|
前端开发 JavaScript
当鼠标聚焦时输入框变色(focus事件实例)
当鼠标聚焦时输入框变色(focus事件实例)
34 0
如何知道鼠标进入及离开一个视图?
如何知道鼠标进入及离开一个视图?
|
9月前
|
JavaScript
原生js实现复选框选全部框与取消全选框
原生js实现复选框选全部框与取消全选框
39 0
|
前端开发 JavaScript 计算机视觉
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
936 0
css动画:文字向上移动并逐渐消失 点击按钮显示+1上移淡出
|
Java
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
416 0
swing中一些常见的鼠标事件(鼠标形状的改变、鼠标接近、按下(图标的切换)、鼠标接近、离开(字体颜色的改变)、鼠标拖拽等)还有系统托盘+对话框
|
C# Windows
C#代码像QQ的右下角消息框一样,无论现在用户的焦点在哪个窗口,消息框弹出后都不影响焦点的变化,那么有两种方法
你QQ的右下角消息框一样,无论现在用户的焦点在哪个窗口,消息框弹出后都不影响焦点的变化,那么有两种方法:   要么重写需要弹出的窗体的事件: protected override CreateParams CreateParams     {     get     {         const ...
1186 0