当前位置: 首页 > 面试题库 >

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

堵才哲
2023-03-14
问题内容

使用jQuery,如何获得具有插入符号(光标)焦点的输入元素?

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


问题答案:
// Get the focused element:
var $focused = $(':focus');

// No jQuery:
var focused = document.activeElement;

// Does the element have focus:
var hasFocus = $('foo').is(':focus');

// No jQuery:
elem === elem.ownerDocument.activeElement;

您应该使用哪一个?引用jQuery文档:

与其他伪类选择器(以“:”开头的选择器)一样,建议在:focus之前加上标签名称或其他选择器;否则,暗示通用选择器(“
*”)。换句话说,裸露$(':focus')等于$('*:focus')。如果您正在寻找当前关注的元素,则$(document.activeElement)将检索它,而不必搜索整个DOM树。

答案是:

document.activeElement

而且,如果您希望使用jQuery对象包装元素:

$(document.activeElement)


 类似资料:
  • 我想在jQuery的一个警报中获得点击元素的文本。参见下面的示例https://jsfidle.net/pymd4n04/2/ 但当我单击第一次时,将显示空警报,而当我单击第二次时,将显示该值,但显示两次警报。并保持递增警报。 如有任何帮助,我们将不胜感激。 提前致谢

  • 在chrome和edge中运行测试时,我遇到了无法聚焦元素错误,它工作正常。我尝试了发布的分辨率,但无济于事。我不知道该怎么办。希望有人能帮忙。提前谢谢。 这是堆栈跟踪: 这是另一个堆栈跟踪。实际上,我在尝试单击提交按钮而不是活动标志时出错。我已经完成了我还将提供的操作步骤。 代码:

  • 问题内容: 我有一个类似的网址: 如何使用jQuery 获取锚点值并将其存储为变量? 问题答案: 您可以使用和,如下所示: 如果其中可能没有,请执行以下检查: 如果这是 当前 页面的URL,则可以使用它来获取它,并根据需要替换。

  • 问题内容: 我的html元素具有以下事件处理程序 单击时,我需要在#seek-bar上找到鼠标的位置。我以为上面的代码应该可以工作,但是结果不正确 问题答案: 您是否要简单地将鼠标指针定位到元素(或)的位置, 编辑: 1),给你鼠标位置的相关文件! 2):给出元素的偏移位置 3):它为您提供元素的相对位置,即 考虑一个元素嵌入另一个元素内 例如 : HTML JavaScript

  • 问题内容: 我正在使用jQuery和 此插件 从外部站点提取内容。 使用以下代码,效果很好: 但是,我真正想做的只是从目标站点中拉出一个部分(div),我知道这仅在使用该方法时才可行,而在时才可行。 然后,我找到了 这段代码 ,但是当我尝试将其构建到代码中时,它似乎不起作用,如下所示: 调查Firebug上的请求,该请求看起来确实成功,但是代码似乎无法在目标站点上找到以下标记: 我是否需要确保目标

  • 问题内容: 我正在寻找一种从包含HTML的字符串中获取HTML元素的方法。是否可以使用jQuery选择器来做到这一点? 我有一个Javascript函数,可以从服务器获取整个页面,但是我只需要该页面的一个元素。 问题答案: 是的,您可以将字符串转换为元素,然后从中选择元素。例: