博客

使用jQuery可以轻松地实现获取页面中当前获得焦点的元素。下面给出两种简单易懂的示例：

方法一：使用focus事件实现

$("input").focus(function(){
   var focusId = this.id;
   console.log("当前获得焦点的元素id为：" + focusId);
});

上述代码通过focus事件监听所有input元素的焦点获取事件，在事件触发时，通过this.id获取当前获取焦点的元素的id属性，并将其输出到控制台中。

方法二：使用jQuery的:focus伪类实现

$("input").on("focus", function(){
   var focusId = $(this).attr("id");
   console.log("当前获得焦点的元素id为：" + focusId);
});

上述代码使用:focus伪类来监听所有input元素的焦点获取事件，并在事件响应中通过$(this).attr("id")获取当前获取焦点的元素的id属性，并将其输出到控制台中。

这两种方法的本质相同，都是通过事件监听来实现获取当前获得焦点的元素。而实际使用中，可以根据自己的需求选择其中一种或多种方法来实现。