无法在Chrome控制台中使用javascript将焦点和光标设置为输入文本

时间:2015-03-27 12:20:49

标签: javascript jquery google-chrome

这是参考this SO回答。 我在web.whatsapp.com(chrome)上尝试相同的输入搜索字段。 这是我的代码:

document.getElementsByClassName("input input-search")[0].focus()
document.getElementsByClassName("input input-search")[0].select()

以上版本无法使用Chrome控制台。

jQuery代码:

$(".input-search").focus() 

不起作用。即使在执行上述方法后,我还没有看到光标的原因是什么?

1 个答案:

答案 0 :(得分:13)

我认为这与class,id,javascript或jQuery的问题无关。这是浏览器控制台的工作方式。运行每个命令后,控制台将获得焦点。所以焦点不适用于控制台的其他输入。

要测试它,请在控制台中运行此代码。

setTimeout(function(){$(".input.input-search").focus()},5000);

执行后立即单击页面上的任意位置,使焦点从控制台中移出。现在5秒后,焦点将设置为输入。