Javascript 如何使用jQuery获得焦点元素？

使用jQuery，如何获取具有插入符号（光标）焦点的输入元素

或者换句话说，如何确定输入是否具有插入符号的焦点

$( document.activeElement )

将检索它，而不必按照

你应该用哪一种？引述：

与其他伪类选择器（以“：”开头的选择器）一样，建议在：focus之前加上标记名或其他选择器；否则，表示通用选择器（“*”）。换句话说，裸

$（':focus'）

相当于

$（'*:focus'）

。如果您正在查找当前关注的元素，$（document.activeElement）将检索它，而不必搜索整个DOM树

答案是：

document.activeElement

如果您想要一个jQuery对象包装元素：

$(document.activeElement)

试试这个：

$(":focus").each(function() {
    alert("Focused Elem_id = "+ this.id );
});

---

我在Firefox中测试了两种方式：Chrome、IE9和Safari

（1）

$（document.activeElement）

在Firefox、Chrome和Safari中正常工作

（2） <代码>$（“：focus”）在Firefox和Safari中正常工作

我移动到鼠标中输入“name”并按下键盘上的Enter键，然后我尝试获取聚焦元素

（1）

$（document.activeElement）

返回Firefox、Chrome和Safari中预期的输入：text:name，但在IE9中返回输入：submit:addPassword

（2）

$（“：focus”）

按Firefox和Safari中的预期返回输入：text:name，但在IE中不返回任何内容

<form action="">
    <div id="block-1" class="border">
        <h4>block-1</h4>
        <input type="text" value="enter name here" name="name"/>            
        <input type="button" value="Add name" name="addName"/>
    </div>
    <div id="block-2" class="border">
        <h4>block-2</h4>
        <input type="text" value="enter password here" name="password"/>            
        <input type="submit" value="Add password" name="addPassword"/>
    </div>
</form>

1区
第2区

没人提到过这件事

document.activeElement.id

我正在使用IE8，还没有在任何其他浏览器上测试过它。在我的例子中，我使用它来确保一个字段至少有4个字符，并且在表演之前集中注意力。一旦输入第四个数字，它就会触发。该字段的id为“年”。我在用

if( $('#year').val().length >= 4 && document.activeElement.id == "year" ) {
    // action here
}

$（':focus'）[0]

将为您提供实际的元素

$（“：focus”）

将为您提供一个元素数组，通常一次只聚焦一个元素，因此，如果您以某种方式聚焦多个元素，则效果更好。

尝试以下方法：

$(document).on("click",function(){
    alert(event.target);
    });

---

如果要确认焦点是否与某个元素在一起，则

if（$（'#inputId'）.is（':focus'））{
//你的代码
}

可能重复可能重复：是的，这就是为什么这个循环只有一次迭代。警报只是为了演示示例。如果你有这个变量，你可以用你想要的元素来做任何事情。怎么可能聚焦多个元素呢？@AndreasFurster你说得对。在这个循环中总是只有一次迭代。这可能不是实现目标的最佳方式，但它是有效的。请参阅公认的答案，了解为什么这是实现目标最差/效率最低的方式。（不必要的

。每一个
都无法承受）但是等等，我怎样才能得到有插入符号的元素？@dave。“有插入符号”是什么意思？专注？鼠标在上面？我的情况是：当我单击一个特定元素时，我想在最后一个聚焦的输入文本元素中放置一个字符。基本上是在单击某个特定元素之前最后一个或右边有焦点的元素。@dave。这是办不到的。我认为只有IE有这个功能，但你现在问的是另一个问题，你应该在一个新问题中这样做。我喜欢你如何使用$prefixed variable name，
$focused
，因为我假设你这样做是为了表示var是一个jquery对象。如何获取具有插入符号的元素？
$(document).on("click",function(){
    alert(event.target);
    });