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

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

}

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

目录
相关文章
|
机器学习/深度学习 算法 TensorFlow
深度学习中的自编码器:从理论到实践
【8月更文挑战第29天】本文旨在揭示自编码器的神秘面纱,带领读者领略其在数据表示学习中的独特魅力。我们将从其数学原理出发,逐步深入到网络架构的搭建,最后通过代码示例实现一个简易的自编码器模型。无论是深度学习新手还是经验丰富的研究者,这篇文章都将为你提供新的视角和实用知识。
|
Python
Python中有效地使用global和globals()来管理全局变量
Python中有效地使用global和globals()来管理全局变量
456 1
|
XML JSON Kubernetes
什么是 YAML?:一种简洁高效的数据序列化格式
什么是 YAML?:一种简洁高效的数据序列化格式
1836 0
|
机器学习/深度学习 数据挖掘 Python
【第十届“泰迪杯”数据挖掘挑战赛】B题:电力系统负荷预测分析 问题二 时间突变分析 Python实现
第十届“泰迪杯”数据挖掘挑战赛B题中对电力系统负荷预测分析进行时间突变分析的Python实现方法,包括定义绘图函数、应用阈值查找异常值、手动设置阈值、使用分位数和3Sigma原则(IQR)设定阈值,以及根据分位数找到时间突变的步骤,并提供了完整代码的下载链接。
328 0
|
机器学习/深度学习 数据可视化 数据挖掘
PyTorch Geometric (PyG) 入门教程
PyTorch Geometric是PyTorch1的几何图形学深度学习扩展库。本文旨在通过介绍PyTorch Geometric(PyG)中常用的方法等内容,为新手提供一个PyG的入门教程。
PyTorch Geometric (PyG) 入门教程
|
SQL 缓存 网络协议
利用QT实现多平台数据互通
利用QT实现多平台数据互通
503 0
|
Oracle 关系型数据库 数据库
PostgreSQL从入门到精通教程 - 第42讲:pg_rman部署与使用
PostgreSQL从入门到精通教程 - 第42讲:pg_rman部署与使用
337 1
|
网络协议 网络虚拟化 网络架构
什么是IGMP?IGMP与ICMP有啥区别?
IGMP 代表 Internet 组播管理协议,是 IPv4 网络上的主机和相邻路由器用来建立多播组成员资格的通信协议,当多播主机希望加入特定多播组并开始接收组流量时,IGMP 消息主要用于向其本地多播路由器发送信号,IGMP有三个版本:版本1、版本2、版本3。
1233 0
什么是IGMP?IGMP与ICMP有啥区别?
STM32F103移值FreeRtos笔记
STM32F103移值FreeRtos笔记
242 0
|
SQL 存储 数据挖掘
EMR StarRocks 极速数据湖分析原理解析
数据湖概念日益火热,本文由阿里云开源大数据 OLAP 团队和 StarRocks 数据湖分析团队共同为大家介绍“ StarRocks 极速数据湖分析 ”背后的原理。 【首月99元】EMR StarRocks 数据湖极速分析体验,试用火热进行中,快来申请吧 -> https://survey.aliyun.com/apps/zhiliao/Yns9d9Xxz
2047 1
EMR StarRocks 极速数据湖分析原理解析

热门文章

最新文章