在javascript中处理标记的单击事件

在javascript中处理标记的单击事件,javascript,google-chrome,Javascript,Google Chrome,我是JavaScript新手。如何处理点击标签事件? 例如: 网页可能包含以下任意数量的标记: 现在我想处理单击哪个标记 所以我尝试了以下代码:在这里输入代码 var telLinks=document.querySelectorAll('a[href^=“tel:”); document.getElementById(“demo”).innerHTML= “第二个teltag是:”+ telLinks[1].innerHTML; document.getElementById(“demo

我是JavaScript新手。如何处理
点击
标签事件

例如:
网页可能包含以下任意数量的标记:

现在我想处理单击哪个标记

所以我尝试了以下代码:在这里输入代码


var telLinks=document.querySelectorAll('a[href^=“tel:”); document.getElementById(“demo”).innerHTML= “第二个teltag是:”+ telLinks[1].innerHTML; document.getElementById(“demo”).onclick=function(){myFunction()}; 函数myFunction(){ }
2个选项

  • 使用jquery

    $('a[href^="tel:"]').click(function(e){
           e.preventDefault();
           var _href = $(this).attr('href'); // link on which user clicked
    
    });
    
  • 没有jquery

    a。将
    class=“tel\u锚定”
    添加到所有具有“tel”格式的锚定标记

    b。将click事件处理程序添加到此类的所有元素,并在该处理程序中处理下一步


  • 大家好,欢迎来到Stack Overflow。请用您尝试过的内容扩展您的问题。请注意:
    不是电话标签,它仍然是一个
    标签,带有
    href
    电话:
    作为协议。如果这很简单,请提供解决方案,如果问题不清楚,请询问更多信息,如@MartinJ。没有(+1,请发表评论)。你们怎么能给刚进来的人一个负面评价呢。只需先给出详细信息,如提供更多代码或简要说明您的问题等。您知道如何检索这些标记(
    document.querySelectorAll('a[href^=“tel:”)
    ),并且您知道如何添加单击处理程序-即使这不是添加一个的最佳方式-
    .onclick=function(){myFunction()}。那么,在将
    onclick
    添加到每个元素时,您的问题在哪里呢?您的
    querySelectorAll
    会得到一个s结果?OP已经使用了
    文档。querySelectorAll('a[href^=“tel:”)
    ,所以除了向后兼容之外,我看不到添加
    class=“tel\u anchor”
    的好处。@web nomad,@t、 niese-尽管我使用了querySelectorAll@web-nomad-感谢您的解决方案。