javascript - 如何使用 Javascript 检测链接点击(文本、图像等)？

Question

我正在尝试编写一个跨浏览器脚本来检测何时单击页面上的链接(文本链接、图像或其他方式)，以便我可以显示消息或广告(如插页式广告)，然后直接最初点击目标 url 的访问者。

脚本必须在第 3 方网站上运行(所有者在其网站上安装脚本标签)。

如何使用 javascript 完成此操作？

我是否使用事件监听器？我是否遍历所有链接对象？ 还是别的？

我的 javascript 技能是新手/中级，因此非常感谢详细的示例/解释。

我已经开始在这里使用事件监听器，但到目前为止我检测到页面上的所有点击: addEventListener Code Snippet Translation and Usage for cross-browser detectioin

我会考虑使用 JQuery 替代方案，但我不知道如果第 3 方网站没有 JQuery 库，它将如何工作。

谢谢大家。

Answer 1

要在单击链接(无论是否动态添加)时调用函数，请使用 on()

$(document).on("click", "a", function() {
    //this == the link that was clicked
    var href = $(this).attr("href");
    alert("You're trying to go to " + href);
});

如果您使用的是旧版本的 jQuery，那么您将使用 delegate() (注意selector和event type的顺序是调换的)

$(document).delegate("a", "click", function() {
    //this == the link that was clicked
    var href = $(this).attr("href");
    alert("You're trying to go to " + href);
});