Javascript 避免在<；a href="&引用&燃气轮机；元素

我在div元素上有如下的click函数。div元素内部是链接。如何停止此链接上的单击功能？我试过z-index，但不起作用

$('.thumb.flip').click(function () {
 if ($(this).find('.thumb-wrapper').hasClass('flipIt')) {
     $(this).find('.thumb-wrapper').removeClass('flipIt');
 } else {
     $(this).find('.thumb-wrapper').addClass('flipIt');
 }
});

尝试

e.preventDefault（）

---

添加代码以阻止单击从DOM到div的链接传播：

$('a').click(function(e){e.stopPropagation();})

看

---

捕获事件对象：

$('.thumb.flip').click(function (evt) {

测试以查看单击了哪种类型的元素：

if (evt.target.tagName.toLowerCase() === "a") {
    return true;
}

---

在处理程序调用event.stopPropagation（）和event.preventDefault（）中使用鼠标按下事件

如果单击目标是

a

只需返回false，否则执行正常操作

$('.thumb.flip').click(function (e) {
    if ($(e.target).is('a')) {
        return false;
    }
});

---

z-index

不会做任何事情，但是如果您想阻止css的点击，可以将

指针事件

属性添加到链接，并设置值

none

。这将禁用链接上的所有类型的事件。

如果可以编辑标记，请执行以下操作：

$('.thumb.flip').click(function (e) {
    if (e.target.nodeName==="A") {  //if target is an anchor, ignore
        return;
    }
    $(this).find('.thumb-wrapper').toggleClass('flipIt')  //toggle class
});

<a href="javascript:void(0);" ></a>

---

这已经得到了回答：

<a href="javascript:void(0);" ></a>