Javascript - 如何单击任何 link 并在警告框中显示 Link 名称

Javascript - How to Click any link and show Link name in Alert box

我不太擅长 JavaScript 代码。我想在普通 JavaScript 网站上做一些简单的事情。

假设 Internet 上的任何网站,只要您单击页面中的任何 link,link 名称就会自动显示在警告框中。

它可以是加载页面上的任何 link。有人可以帮我解决这个逻辑吗,我可以 运行 在我的浏览器控制台中的任何站点上。

提前致谢。

是这样的吗?

$("a").on('click',function(event){
    event.preventDefault();
   let n = $(this).text();
   let ref =$(this).attr('href');
   alert(ref);
});

这是 Madhan M 在纯 JS 中的回答:

var allAnchors = document.getElementsByTagName("a");

for (i=0; i < allAnchors.length; i++) {
    var element = allAnchors[i];
    element.addEventListener("click", function (event) {
    event.preventDefault();

    let ref = this.getAttribute("href");
    alert(ref);
  }.bind(element));
}

请注意 "bind" 受较新的浏览器支持,但不支持较旧的浏览器。

补充说明:不允许在"any site in the internet"上运行javascript。您可以通过浏览器扩展获得您要求的功能,但这是另一个问题。