如何用jQuery查找哪个DOM元素有焦点

使用jQuery查找哪个DOM元素有焦点可以通过以下步骤实现：

:focus 是 CSS 选择器之一，它可以选择当前具有焦点的元素。在 jQuery 中，也可以使用这个选择器来获取当前具有焦点的元素。

示例代码：

var focusedElement = $(':focus');

上面的代码会获取页面中当前具有焦点的元素，存在变量 focusedElement 中。

在某些情况下，页面上的焦点可能会发生变化，例如用户点击不同元素、按下 Tab 键等。在这种情况下，可以监听 focus 和 blur 事件，并在事件处理函数中获取当前具有焦点的元素。

示例代码：

$(document).on('focus blur', function() {
  var focusedElement = $(':focus');
  // do something with focusedElement
});

上面的代码会在页面上任何具有焦点的元素发生 focus 或 blur 事件时被调用，并获取当前具有焦点的元素。

总结：

通过使用 :focus 选择器和焦点变化事件，可以轻松地获取当前具有焦点的元素。

Tags: jquery