jquery - 检查锚点是否被点击

Question

<a href='#' id='aId1'>1</a>
<a href='#' id='aId2'>2</a>
<a href='#' id='aId3'>3</a>
<a href='#' id='aId4'>4</a>
<a href='#' id='aId5'>5</a>

是否可以通过 JQuery 检查是否单击了锚点？它应该获取被点击的锚点的 id，如果没有点击锚点，它也应该有一个事件要执行。

Answer 1

这只会id在单击锚点并将元素存储为变量时触发。

$("a").on("click", function (e) {

    // Id of the element that was clicked
    var elementId = $(this).attr("id");

});

如果您想在单击锚点时阻止默认操作，请将其添加到函数的末尾：

e.preventDefault(); return false;

如果要将锚点标记为已单击以供将来参考，请尝试以下操作：

$("a").on("click", function (e) {

    // Id of the element that was clicked
    var elementId = $(this).attr("id");

    $(this).data("clicked", true);

});

的，使用jquery，检查它是否已被点击使用

$(element).data("clicked") // returns True or False

如果您想监听所有被点击的内容并想查看它是否是锚点，请尝试：

$("*").not("body").on("click", function (e) {

    if ($(this).is("a")) {
        // Id of the element that was clicked
        var elementId = $(this).attr("id");
    } else {
        // An anchor was not clicked, do something else
    }

});

Answer 2

一种方法是在单击它们时添加一个单击的类。

$("a").click(function(){
    $(this).addClass("clicked");
});

然后你可以用 $(".clicked") 选择器来做一些事情。