首页 > 解决方案 > 使用鼠标单击按钮和使用开发工具单击有什么区别?

问题描述

我在一个网站上工作,我想使用这样的开发工具单击该网站页面内的一个按钮:

document.querySelector('#selector').click()

我担心这些网站的所有者是否有办法找到关于从开发工具点击的信息,我会被禁止。

有没有办法找出来?

标签: javascriptgoogle-chromewebdeveloper-tools

解决方案


有没有办法找出来?

是的。像这样的合成点击将isTrusted标志设置为false,而对于真实事件,它是true

document.querySelector('#btn').addEventListener("click", function(e) {
    console.log("e.isTrusted", e.isTrusted);
});

console.log("Synthetic click:");
document.querySelector('#btn').click();
<input type="button" id="btn" value="Click Me">

两者之间还有许多其他属性会有所不同,例如clientXandclientY等。但这是专门设计用于区分差异的属性。


推荐阅读