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

简介:
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
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
本文介绍了如何在Vue3项目中实现一个鼠标拖动调整元素宽度的功能,并展示了点击按钮收起或展开侧边栏的效果,提供了完整的实现代码和操作演示。
660 0
基于Vue3实现鼠标按下某个元素进行拖动,实时改变左侧或右侧元素的宽度,以及点击收起或展开的功能
|
3月前
|
图形学
小功能⭐️Unity Button按钮实现鼠标移入移出触发相应事件
小功能⭐️Unity Button按钮实现鼠标移入移出触发相应事件
|
6月前
|
JavaScript 前端开发
鼠标移出和鼠标移入事件
鼠标移出和鼠标移入事件
41 1
|
6月前
|
前端开发 JavaScript
在一张图片上添加鼠标移入和移出事件,并定位图片中的内容
在一张图片上添加鼠标移入和移出事件,并定位图片中的内容
109 1
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
前端点击其他输入框的时候,对当上个输入框进行判断(鼠标移出输入框事件,和鼠标点击其他输入框触发事件)
102 0
|
6月前
|
iOS开发
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱
83 1
|
Web App开发 C++
c++ 实现不在同一程序内,在光标处(当前有焦点的窗体输入框)输入字符
c++ 实现不在同一程序内,在光标处(当前有焦点的窗体输入框)输入字符
106 1
|
JavaScript
checkbox选中和取消,控制dom元素颜色变化
checkbox选中和取消,控制dom元素颜色变化
59 0
|
前端开发 JavaScript
当鼠标聚焦时输入框变色(focus事件实例)
当鼠标聚焦时输入框变色(focus事件实例)
78 0