js 判断控件获得焦点的示例代码

JS判断一个对象已获得焦点document.activeElement.tagName //tagName 标签名 实例：判断body获得光标时关闭输入法。 代码如下:var act = document.activeElement.tagName.toLowerCase();   if(act.indexOf(“body”) != -1 || act.indexOf(“html”) != -1)   {    document.body.style.imeMode = ‘disabled’;   } [removed]function test(){var srcElem = document 在JavaScript（JS）中，获取控件焦点是一个常见的需求，特别是在构建交互式Web应用程序时。`document.activeElement` 是一个非常有用的属性，它返回当前活动（即拥有焦点）的元素。这个属性允许开发者检查哪个HTML元素是用户正在与之交互的，例如输入框、按钮或者任何可聚焦的元素。 在提供的代码示例中，我们首先看到这样一行： ```javascript var act = document.activeElement.tagName.toLowerCase(); ``` 这里，`document.activeElement.tagName` 获取当前拥有焦点元素的标签名，并将其转换为小写，存储在变量`act`中。这是因为HTML标签名通常是不区分大小写的，将它们转换为小写可以确保后续的比较不受大小写影响。 接下来，代码中有一个条件判断语句： ```javascript if(act.indexOf("body") != -1 || act.indexOf("html") != -1) { document.body.style.imeMode = 'disabled'; } ``` 这个条件用于检查是否当前活动元素是`body`或`html`标签。如果满足条件，那么它会禁用输入法（IME，Input Method Editor）。IME通常用于输入非拉丁字符集的文字，如中文、日文或韩文。在某些场景下，例如用户在页面的非输入区域点击时，可能希望关闭输入法以避免不必要的干扰。 此外，还定义了一个名为`test`的函数： ```javascript function test() { var srcElem = document.activeElement; var testval = srcElem.name; // id和name比较常用应该 alert("控件" + testval + "获取焦点"); } ``` 这个函数会在用户点击具有`onclick="test()"`属性的输入框时被调用。它获取当前活动元素（即获得焦点的输入框）并保存在`srcElem`变量中。然后，它提取该元素的`name`属性，并显示一个警告对话框，通知用户哪个控件获得了焦点。 有两个`<input>`元素，它们的`onclick`属性都触发了`test()`函数： ```html <input name="a" type="text" value="测试a" onclick="test();"> <input name="b" type="text" value="测试b" onclick="test();"> ``` 当用户在这些输入框上点击时，`test()`函数会被执行，从而显示相应的警告。 总结一下，这个示例展示了如何使用JavaScript来检测和响应HTML元素获得焦点的事件。通过`document.activeElement`，我们可以获取当前焦点所在的位置，从而实现各种交互功能，如禁用输入法、记录用户交互、提供反馈等。在实际应用中，这些技术可以扩展到更复杂的交互逻辑，如表单验证、自定义键盘行为等。