JS伪造可信事件：浏览器自动填充凭据后自动登录的实现方案问询

一、能不能伪造可信事件？ #

别想了，不可能。浏览器的安全规则明确卡着：只有用户实打实的交互操作（比如点击、敲键盘、移动鼠标这些）触发的事件，才会被标记成trusted（也就是event.isTrusted === true）。用JS手动创建的事件（比如new Event('click')或者dispatchEvent触发的），默认都是非可信的，根本绕不开这个限制——这是浏览器防恶意脚本冒充用户、偷信息的核心手段，没有合法路子能伪造。

二、换个思路实现的方法 #

1. 监听表单字段的input/change事件（结合自动填充检测） #

有些浏览器自动填充表单时，会触发input或change事件，你可以给用户名、密码字段挂上这些事件监听，等两个字段都有值了，就自动触发登录逻辑。要是遇到不触发常规事件的浏览器，就结合你已经在用的CSS过渡动画检测，检测到自动填充后，隔个几十毫秒检查一次字段值，等有值了就提交。
举个代码例子：

const username = document.getElementById('username');
const password = document.getElementById('password');
const loginBtn = document.getElementById('loginBtn');

// 检查字段值并尝试登录
function checkAndLogin() {
  if (username.value && password.value) {
    // 要么触发登录按钮的点击，要么直接提交表单
    loginBtn.click();
    // 或者用 document.getElementById('loginForm').submit();
  }
}

// 监听输入事件
username.addEventListener('input', checkAndLogin);
password.addEventListener('input', checkAndLogin);

// 结合CSS动画检测自动填充
document.addEventListener('animationstart', (e) => {
  if (e.animationName === 'autofill-detect') { // 这里换成你定义的CSS动画名
    setTimeout(checkAndLogin, 100); // 延迟一点确保值已经填进去
  }
});

2. 给表单加对autocomplete属性 #

把表单的autocomplete属性设置正确，帮浏览器准确识别登录字段，这样自动填充的行为更稳定，触发事件的概率也更高：

<form id="loginForm" autocomplete="on">
  <input type="text" id="username" name="username" autocomplete="username">
  <input type="password" id="password" name="password" autocomplete="current-password">
  <button type="submit" id="loginBtn">登录</button>
</form>

3. 试试浏览器的凭据API（需HTTPS） #

如果你的网站是HTTPS环境，可以用navigator.credentials API来拿已保存的凭据，不过这个需要用户授权，而且不同浏览器支持度有差异：

// 静默尝试获取保存的凭据
navigator.credentials.get({
  password: true,
  mediation: 'silent'
}).then((credential) => {
  if (credential) {
    // 填充字段后触发登录
    username.value = credential.id;
    password.value = credential.password;
    checkAndLogin();
  }
}).catch(() => {
  // 拿不到的话就拉倒，比如用户没授权
});

注意：mediation: 'silent'不是所有浏览器都认，有些还是得用户点一下才能拿凭据。

4. 实在不行就引导用户点一下 #

要是上面的方法都不好使，最稳妥的就是检测到自动填充后，给用户弹个提示：“已经帮你填好账号密码啦，点登录就行~”，让用户手动触发登录，这样就符合可信事件的要求了。

内容的提问来源于stack exchange，提问作者000