在Chrome控制台中模拟用户点击

Question

为什么我无法在浏览器中使用Chrome控制台触发或模拟用户点击？就像我在页面上有一个链接$('#app .mylink').click()它应该去某个地方。

Answer 1

Chrome浏览器的控制台is an alias for document.querySelector()中的

$，除非它没有。如果在页面中声明了$，通常是通过jQuery，控制台中的$将指向它。

在代表click元素的jQuery对象上调用a不会执行本机导航，但在原生click上调用HTMLElement会。如果您知道您正在使用的页面使用jQuery，那么您需要从jQuery对象中检索本机HTMLElement：

$('#app .mylink')[0].click(); // assuming you want to click the first element returned

但如果jQuery没有参与，那就不会起作用。最明确的是：

document.querySelector('#app .mylink').click();