Question

我想在浏览器中获取命令脚本，例如，我在一个网页上，当我单击按钮时，我想要该命令脚本并能够再次在控制台上运行并给出相同的结果。

如何获得？我需要添加一些变量吗？

Answer 1

您可以在jQuery中使用HTMLElement.click()或$(selector).click()以编程方式单击元素（这将运行单击元素的脚本）。只需在控制台中输入document.querySelector('selector').click()或在$('selector').click()（jQuery）中输入。

var btn = document.getElementById("btn");
btn.addEventListener("click", function(event){
 console.log("Click");
 //logic here
});
btn.click();//programatically click on element to run click event handler

<button id="btn">Button</button>

Answer 2

您可以将函数附加到全局窗口对象，或附加到窗口的另一个对象。但是，如果您依赖事件处理程序的“事件”对象，则在模拟/提供合适的对象时会遇到麻烦。

window.myApp = {};

function myButtonClickHandler(event) {
  console.log('my button clicked', event);
}
window.myApp.testClickHandler = myButtonClickHandler;
document.getElementById('myButton').addEventListener('click', myButtonClickHandler);

现在在您的JavaScript控制台中，您可以使用testClickHandler函数：

window.myApp.testClickHandler(); // or just myApp.testClickHandler();
// to mock the event: myApp.testClickHandler({ someProperty: 'someValue'});

如何通过执行命令从浏览器控制台获取脚本

2 个答案: