在javascript中处理标记的click事件

时间:2015-03-05 07:26:49

标签: javascript google-chrome

我是JavaScript新手。如何处理标记click

<a href="tel:+9199000000"></a>?事件

例如:
网页可能包含以下任意数量的标记:<a href="tel:+919911111111"></a>
现在我想处理点击的标签。

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

<!DOCTYPE html>
<html>
<body>

 <a href="tel:+910000000000"><b>+(91)-0000000000</b></a>
 <a href="tel:+910000000000"><b>+(91)-0000000000</b></a>
 <a href="tel:+910000000000"><b>+(91)-0000000000</b></a>
 <a href="www.google.com"></a>
<p id="demo"></p>

<script>
var telLinks = document.querySelectorAll('a[href^="tel:"]');

document.getElementById("demo").innerHTML =
"The second teltag is: " +
telLinks[1].innerHTML;

document.getElementById("demo").onclick = function() {myFunction()};

function myFunction() {

}

</script>

</body>
</html>

那么如何处理点击标签的点击事件?

1 个答案:

答案 0 :(得分:0)

2个选项。

  1. 使用jquery

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

    一个。向所有此类锚标签添加class="tel_anchor",其中包含&#34; tel&#34;格式。

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