本文介绍如何使用 JavaScript 判断页面控件是否获取焦点。针对服务端控件，需通过 ClientID 获取元素，并结合 Focused 属性或 onfocus 事件进行判断。对于客户端控件，可直接利用 document.activeElement 与目标元素 ID 进行比较，从而确定焦点状态。
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) 这样的逻辑进行判断。