如何使用Selenium/Python获取元素通过addEventListener绑定的事件监听器？

方法1：直接模拟用户点击（最推荐） #

不用纠结怎么获取事件处理函数，直接让Selenium模拟真实点击就行，这是最贴合用户操作的方式，还能避开事件绑定的复杂逻辑。
代码示例：

from selenium.webdriver.common.by import By

element = driver.find_element(By.CSS_SELECTOR, "你的元素选择器")
element.click()

要是普通点击没效果，试试用ActionChains模拟更真实的点击：

from selenium.webdriver.common.by import By
from selenium.webdriver.common.action_chains import ActionChains

element = driver.find_element(By.CSS_SELECTOR, "你的元素选择器")
action = ActionChains(driver)
action.click(element).perform()

方法2：覆盖addEventListener记录事件处理函数 #

在页面加载前注入一段JS，把原生的addEventListener替换掉，这样所有绑定的事件函数都会被存起来，之后就能在Selenium里调用。
步骤如下：

1. 先注入覆盖脚本（必须在页面加载前执行）：

driver.execute_script("""
window.eventListeners = {};
const originalAddEventListener = EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener = function(type, listener) {
    if (!window.eventListeners[this]) {
        window.eventListeners[this] = {};
    }
    if (!window.eventListeners[this][type]) {
        window.eventListeners[this][type] = [];
    }
    window.eventListeners[this][type].push(listener);
    return originalAddEventListener.call(this, type, listener);
};
""")
# 再加载目标页面
driver.get("你的目标URL")

2. 获取并调用元素的点击事件监听器：

element = driver.find_element(By.CSS_SELECTOR, "你的元素选择器")
# 获取该元素的click事件监听器列表
listeners = driver.execute_script("""
return window.eventListeners[arguments[0]]?.['click'] || [];
""", element)
# 逐个调用监听器
for listener in listeners:
    driver.execute_script("arguments[0].call(arguments[1]);", listener, element)

注意：这个方法必须在页面加载前注入脚本，不然抓不到已经绑定好的事件。

方法3：直接触发元素的click事件 #

通过JS在浏览器上下文触发元素的原生click事件，这样所有用addEventListener绑定的click监听器都会被触发：

from selenium.webdriver.common.by import By

element = driver.find_element(By.CSS_SELECTOR, "你的元素选择器")
driver.execute_script("arguments[0].click();", element)

这个和Selenium自带的click()效果类似，但本质是在浏览器里执行JS触发事件。

方法4：用Chrome DevTools Protocol（CDP）获取事件监听器 #

如果一定要拿到事件处理函数的具体内容，可以用Selenium的CDP接口来获取元素的所有事件监听器：

from selenium.webdriver.common.by import By

element = driver.find_element(By.CSS_SELECTOR, "你的元素选择器")
# 获取元素的节点ID
node_info = driver.execute_cdp_cmd("DOM.getNodeForLocation", {
    "x": element.location['x'],
    "y": element.location['y']
})
node_id = node_info["nodeId"]
# 获取该节点的所有事件监听器
listener_data = driver.execute_cdp_cmd("DOMDebugger.getEventListeners", {
    "objectId": node_id,
    "depth": -1,
    "pierce": True
})
# 筛选出click事件的监听器
click_listeners = [item for item in listener_data["listeners"] if item["type"] == "click"]
# 调用每个click监听器
for listener in click_listeners:
    driver.execute_cdp_cmd("Runtime.callFunctionOn", {
        "objectId": listener["handler"]["objectId"],
        "functionDeclaration": "function() { this.apply(this, arguments); }"
    })

这个方法相对复杂，但能直接拿到所有绑定的事件监听器，包括addEventListener添加的。

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