javascript - 如何检测页面上多次单击的同一 anchor 链接？

Question

我有一个问题要问你们。

假设我在同一页面上有一个内部 anchor 链接，如http://jquery.com/#myAnchor

现在，如果我点击 anchor ，那么 url 将是 http://jquery.com/#myAnchor

如果我再次点击 anchor ，URL 将再次变为 http://jquery.com/#myAnchor

也就是说，网址实际上没有改变..只是链接在页面上点击了两次。如何检测内部 anchor 再次被点击？例如

<a name="myAnchor"></a>

如果上面的 anchor 链接在同一页面上，那么我如何检测这个hashChange。

实际上我有一个函数可以检测页面上的 hashChange，如下所示。但对于这一特定情况，代码失败

 $(window).on('load hashchange', function () {

Answer 1

使用data-属性。当用户单击 anchor 链接时，只需增加数据属性即可。

$(document).ready(function(){
    $('a.myLink') .click(function(e) {
        e.prevenDefault();
        var count = $(this).attr('data-clicked');
        count = parseInt(count) + 1;
        $(this).attr('data-clicked', count);
    });
});

<a class="myLink" data-clicked="0">Anchor Tag</a>