JavaScript 判断页面控件焦点状态的方法

JavaScript 判断控件焦点状态概述

以 TextBox 控件为例，演示如何利用 JavaScript 检测其是否获得焦点。

实现思路主要分为两种情况讨论：

服务端控件的焦点判断与 ID 处理

若文本框为服务端控件，可直接通过 TextBox1.Focused 属性判断焦点状态，并使用 TextBox1.Attributes.add('onfocus', '要执行的方法') 绑定触发事件。需注意，服务端控件在渲染到客户端时，其实际 ID 可能与服务器端定义的 ID 不同。因此，在使用 document.getElementById 获取元素时，必须使用 <%= TextBox1.ClientID%> 来获取正确的客户端 ID。

基于 activeElement 的焦点比较方法

若文本框为服务端控件，也可通过比较 document.activeElement.id 与 TextBox1 的 ID 来判断焦点归属。例如，使用 if (document.activeElement == document.form1.elementName) 这样的逻辑进行判断。