如何使用javascript在文本框上触发焦点事件?

时间:2015-05-21 14:24:47

标签: javascript focus eventtrigger

如何使用javascript在文本框上触发焦点事件?

例如,在jQuery中,我们可以使用$('#textBox').focus()触发焦点事件。

同样,我们在纯JavaScript中有任何类似的触发功能吗?

3 个答案:

答案 0 :(得分:3)

是的,可以使用element.focus()

document.getElementById("textBox").focus();

答案 1 :(得分:2)

我最终不得不弄弄这个,并提出了一些似乎可以在浏览器中工作的东西:

whois()

考虑到某些浏览器支持function triggerFocus(element) { var eventType = "onfocusin" in root ? "focusin" : "focus", bubbles = "onfocusin" in root, event; if ("createEvent" in document) { event = document.createEvent("Event"); event.initEvent(eventType, bubbles, true); } else if ("Event" in window) { event = new Event(eventType, { bubbles: bubbles, cancelable: true }); } element.focus(); element.dispatchEvent(event); } 事件,而某些浏览器仅支持focusin事件。它使用本机focus函数设置焦点,然后根据浏览器所支持的方式调度“ focusin”事件或“ focus”事件。

经过以下测试:

  • Firefox 62
  • Chrome 69
  • Internet Explorer 11(是的,是的。我知道。不过,我们必须在工作中提供支持)
  • Microsoft Edge 15

并使用它:

focus

这是通用的,应该与任何可以得到关注的元素一起使用。

答案 2 :(得分:0)