如何用JS触发Telegram内联按钮点击？常规方法已尝试无效

Telegram网页端的内联按钮之所以无法通过普通的dispatchEvent或click()方法触发，核心原因有两个：

1. 按钮的交互逻辑并非绑定在原生click事件上，可能用了自定义事件、事件委托，或是基于React/Vue等框架的合成事件；
2. 存在防自动化校验，比如检查事件的isTrusted属性——脚本触发的事件该属性值为false，而真实用户点击的事件为true，Telegram的前端逻辑会以此判断是否为合法交互。

以下是可行的解决思路：

1. 直接调用按钮的实际处理函数 #

这是最直接有效的方法，步骤如下：

• 右键目标内联按钮，选择「检查」打开Elements面板；
• 在Elements面板中选中按钮元素，切换到「Event Listeners」面板，查看绑定的事件（可能是click、pointerdown或自定义事件）；
• 点击事件右侧的「展开」按钮，找到对应的处理函数，点击函数名跳转到Sources面板；
• 在控制台直接调用该函数，或者通过元素的属性获取并执行，比如如果是React合成事件，可尝试：

  // $0是当前Elements面板选中的元素
  $0.__reactEventHandlers.onClick()
  

2. 使用自动化工具模拟真实用户点击 #

如果是批量自动化任务，推荐使用Puppeteer这类工具，它能模拟真实用户的交互，生成的事件isTrusted属性为true，可以绕过校验。示例代码：

const puppeteer = require('puppeteer');

(async () => {
    const browser = await puppeteer.launch({ headless: false }); // 非无头模式可查看操作过程
    const page = await browser.newPage();
    await page.goto('https://web.telegram.org/');
    
    // 完成登录流程（可通过保存cookie或手动登录）
    await page.waitForSelector('your-button-selector'); // 替换为目标按钮的选择器
    await page.click('your-button-selector');
    
    // 后续操作...
    await browser.close();
})();

注意：使用自动化工具需遵守Telegram的服务条款，避免账号被限制。

3. 模拟完整的用户交互序列（仅作尝试，成功率低） #

如果不想用自动化工具，可尝试模拟真实点击的完整事件链（从pointerdown到click），但由于isTrusted无法通过脚本修改，大概率还是会被拦截：

const element = document.querySelector('your-button-selector');

// 模拟按下
element.dispatchEvent(new PointerEvent('pointerdown', {
    bubbles: true,
    cancelable: true,
    view: window,
    clientX: 100, // 设置合理的坐标，模拟真实点击位置
    clientY: 100
}));

// 模拟抬起
element.dispatchEvent(new PointerEvent('pointerup', {
    bubbles: true,
    cancelable: true,
    view: window,
    clientX: 100,
    clientY: 100
}));

// 模拟点击
element.dispatchEvent(new PointerEvent('click', {
    bubbles: true,
    cancelable: true,
    view: window
}));

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