检测 HTML 元素是否分配了 JavaScript 函数

Detect if an HTML element has assigned a javascript function or not

本文关键字：JavaScript 函数 分配 是否 HTML 元素 检测      更新时间：2023-09-26

我正在开发一个Windows表单应用程序来解析和分析网页。我使用了网络浏览器控制。该网页有html和javascript代码。我的Windows窗体具有C#代码。这是代码：

网页代码： 

<div id="div1" onclick='func1(this);'>
</div>
<div id="div2">
</div>
<div id="div3">
</div>

Javascript：

function func1(element) {
    ...
}
document.getElementById("div2").onclick = function foo() { doSomething(); }
document.getElementById("div3").addEventListener("click", anyFunc);

导航相关 URL 后，我的 Windows 窗体应用程序中的 C# 代码：

HtmlElement el1 = WebBrowser.Document.GetElementById("div1");
HtmlElement el2 = WebBrowser.Document.GetElementById("div2");
HtmlElement el3 = WebBrowser.Document.GetElementById("div3");
String el1JavaFunc = el1.GetAttribute("onClick");
String el2JavaFunc = el2.GetAttribute("onClick");
String el3JavaFunc = el3.GetAttribute("onClick");
// check if el1JavaFunc is empty or null
// check if el2JavaFunc is empty or null
// check if el3JavaFunc is empty or null

这样，在检查每个元素的相关字符串后，我可以确定该元素是否分配了 javascript 函数。这适用于 el1 和 el2，但它为 el3 返回空字符串。

我怎么知道第三个元素已经使用 addEventListener 分配了 javascript 函数？

无论如何，我建议始终调用.addEventListener，因为：

如果在同一事件

目标上注册了多个具有相同参数的相同事件侦听器，则重复的实例为 丢弃。它们不会导致事件侦听器被调用两次，并且 它们不需要使用 removeEventListener 手动删除 方法。 https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

好像在这里提到： 检查元素上是否有事件侦听器。 no jquery

没有办法使用 JavaScript 确定元素是否正在侦听事件。最接近的是getEventListeners（node），其中node是您要检查的元素。但是，这只能在谷歌浏览器中使用，并且只能在控制台中使用。因此，它不能用于生产。

DOM 不提供任何 API 来检索所有 eventListeners 的列表（参考）所以不能那样做。

也许你可以控制addEventListener（）的代码？然后，您可以在那里创建一个侦听器列表，并在以后使用该列表。

相关文章：