如何通过浏览器脚本激活输入框（提供小提琴）答案

【问题标题】：How to activate input box (fiddle provided) through browser scripting如何通过浏览器脚本激活输入框（提供小提琴）
【发布时间】：2019-08-02 23:59:07
【问题描述】：

如何以编程方式单击输入框以使其激活。我正在通过开发人员工具编写脚本。任何帮助，将不胜感激！

我尝试过 .focus() 和 .click() 属性，例如：

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

拨弄http://jsfiddle.net/nep95vzj/ 但它什么也没做。

【问题讨论】：

我正在尝试通过浏览器控制台中的开发人员工具编写“点击”脚本，而不是手动点击它。换句话说，如何以编程方式在此框上触发点击？
但是你在说什么？点击是事件而不是激活！
点击事件使输入框被激活并显示一个自动完成下拉菜单。

标签： javascript scripting client-side web-console

【解决方案1】：

如果我明白你在问什么，你应该可以通过调度一个事件来做到这一点：

var clickEvent = new MouseEvent("click", {
    "view": window,
    "bubbles": true,
    "cancelable": false
});

var inputBox = document.getElementById('inputBox');

inputBox.focus();
inputBox.dispatchEvent(clickEvent);

（我将focus 留在了那里，以防您还希望通过focusing 元素突出显示该字段。）

【讨论】：

嘿迈克。谢谢回答。我在控制台中尝试了小提琴中提供的元素。它正在正确创建变量，但并没有真正模拟点击。

【解决方案2】：

document.getElementById("inputBox").dispatchEvent(new Event("focus"));

【讨论】：