如何使用jQuery获取焦点元素？

在Web开发中，经常需要获取当前获得焦点的元素，以便进行一些交互操作。jQuery提供了一些方法来获取当前焦点元素。

1. 使用 :focus 选择器

可以使用 :focus 选择器来选择当前获得焦点的元素。这个选择器是CSS3的一个伪类选择器，可以用于选择表单元素（如 input、textarea、button 等）。

$(document).on('click', function() {
  var focused = $(':focus');
  console.log(focused);
});

在点击页面的任意位置时，上面的代码会将当前获得焦点的元素输出到控制台上。

2. 使用 document.activeElement

jQuery也提供了一个获取当前获得焦点元素的方法，就是使用 document.activeElement 属性。

$(document).on('click', function() {
  var focused = $(document.activeElement);
  console.log(focused);
});

在点击页面的任意位置时，上面的代码同样会将当前获得焦点的元素输出到控制台上。

需要注意的是，如果没有任何获得焦点的元素，document.activeElement 则返回 document.body 元素。

以上就是获取当前焦点元素的方法介绍。