如何使用自定义事件侦听器以编程方式单击元素？

Question

我希望在大通银行网站上实现任务自动化，但在使用

mds

和

mds-button

访问以

document.querySelector()

为前缀的元素（如

document.getElementById()

）时面临挑战。这些方法为页面上的所有此类元素返回

null

。

我观察到存在事件侦听器函数，但它们不会像这样响应我的尝试：

const customEvent = new Event('click-brand_bar_hamburger_menu');
window.dispatchEvent(customEvent);

例如，我如何使用 Tampermonkey 以编程方式触发汉堡菜单上的点击？

Answer 1

在使用复杂 UI 框架的网站上，许多事件处理程序都是本地函数，无法从全局上下文直接访问。因此，如果您打算直接调用特定函数，可能需要付出很大的努力才能获得对它的引用。

在这种直接访问函数具有挑战性的情况下，另一种方法是通过在相关元素上调用 Tampermonkey 的 click() 方法来自动化单击事件。