另一个技巧是在上面放置一个看不见的元素。这将禁用任何悬停效果以及

.myButton{
    position: absolute;
    display: none;
}

.myButton::after{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

<a href="#!">1)链接非定向url</a><br><br> <a href="#!" disabled >2) Link With With disable url</a><br><br>

演示 试试这个

$('html').on('click', 'a.Link', function(event){
    event.preventDefault();
});

试试这个:

<style>
    .btn-disable {
        display: inline-block;
        pointer-events: none;
    }
</style>

我在网上搜索了一下，没有比这更好的了。 基本上，要禁用按钮点击功能，只需使用jQuery添加CSS样式，如下所示:

$("#myLink").css({ 'pointer-events': 'none' });

然后再次启用它，这样做

$("#myLink").css({ 'pointer-events': '' });

在Firefox和Internet Explorer 11上进行了检查，可以正常工作。

Pointer-events:none将禁用该链接:

.disabled {
    pointer-events: none;
}

<a href="#" class="disabled">link</a>