javascript - 找出是什么让一个元素成为焦点

Question

有没有办法找出是什么让第一个 html 元素(input、textarea)获得焦点？

我正在加载一个模态窗口，但似乎无法找到将 focus() 强加到第一个元素上的 JS 行。

一个解决方案是在加载模态窗口后立即对其进行 blur()，但我想知道是什么触发了这个焦点。也许某些事件监听器内嵌在文本区域中？

感谢您的帮助!

Answer 1

可以使用元素上的onFocus事件来分析返回的事件对象

//using jquery 1.8 style binding with 'on'
$('#myelement').on('focus', function( e ){
  console.log( e ); // <--- e is passed to the anonymous function
});

此代码中的e 是传递给事件处理程序的事件对象的实例。

查看 Event Object 的 jQuery 文档，具体查看event.target doc .

The target property can be the element that registered for the event or a descendant of it.

---

注意:有多种方法可以将焦点设置在不包含任何 javascript 调用的元素上。

例如在 html 5 中，您可以 define the default focus使用 autofocus

的文档

Some browsers may even set the default focus到文档的第一个输入元素，或使用许多其他 HTML 属性。

Javascript 可能不是你幻觉焦点的原因。