javascript - 以编程方式将输入置于编辑状态(就像用鼠标点击它一样)

标签 javascript jquery html input

假设有一个常规的html输入框

<input id="inputEl" type="text">

当我用鼠标点击它时,它开始“可编辑”(开头的编辑行开始闪烁)——就像每个输入字段一样。

我正在尝试使用 jQuery 来模拟它,因此无需用鼠标单击它,它就会进入那种编辑状态。

我试过:

  • $('#inputEl').click()
  • $('#inputEl').keydown()
  • $('#inputEl').focus()
  • $('#inputEl').focusin()
  • $('#inputEl').blur()
  • $('#inputEl').select()
  • $('#inputEl').trigger('input')

但似乎没有人能做到这一点。

实现此目标的正确方法是什么?

最佳答案

.focus() 是正确的方法,您面临的问题可能与其他问题有关。

至少它在这里工作 http://jsfiddle.net/KN6rs/

focus() 函数在控制台上不起作用,因为: $.focus() not working

我试过了 setTimeout(function() { $('.js-search-field').focus() }, 3000); 适用于 SO

关于javascript - 以编程方式将输入置于编辑状态(就像用鼠标点击它一样),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46415222/

相关文章:

javascript - 我听说全局变量不好,我应该使用什么替代解决方案?

javascript - 如何找到附加了特定类的 tr 并获取每个 td 的详细信息 - jquery

jquery - 简单的 jquery 标题不起作用

javascript - 将鼠标悬停在该元素上时,如何将 json 数据分配给该段落?

javascript - 带有 if 语句的 For 循环不遍历整个数组

JavaScript 在函数 'class' 包装器之间进行 promise

javascript - 如何按顺序动态加载多个脚本?

jquery - 如何拖动隐藏的子元素

css - 如何使用显示 block ?

javascript - 如何使用 javascript 和 html 复制不同的 div?