📌  相关文章
📜  如何使用jQuery查找哪个DOM元素具有焦点?

📅  最后修改于: 2021-11-25 03:17:59             🧑  作者: Mango

HTML DOM 有一个activeElement属性。它可用于获取文档中当前聚焦的元素:

Syntax: var ele = document.activeElement;

返回值:它返回文档中当前聚焦的元素。
示例代码片段:

Example 1: var eleName = document.activeElement.tagName;
Returns: The Tag Name of the active element.

Example 2: var eleId = document.activeElement.id;
Returns: The id of the active element, if any.

演示工作的示例代码:



  
    
  
  
  
    

Click wherever you like.  The active/focused DOM name will be displayed at the end

                 

             

对上述代码的解释:
body标签内的脚本修改DOM元素ID为乐趣的HTML内容的DOM元素的名称是当前活动或处于焦点。这是返回的值

document.activeElement.tagName

输出:

  1. 单击/聚焦之前:
  2. 单击/聚焦后:
  3. 当输入字段被点击/聚焦时