javascript - iPad禁用通过CSS点击链接

Question

我有多个链接，它们在 CSS 中定义了“禁用”类。

现在对于 iPad，我想点击链接，什么都不应该发生，即不应该点击链接（目前它导航到某个 URL）

我如何仅通过 CSS 处理这个问题？我知道它可以通过 JavaScript/jQuery 来完成......但是有很多页面，我需要通过 CSS 来完成。

Answer 1

我主要使用它来禁用我的网络应用程序上的链接：

a.someClass {
     pointer-events: none;
     cursor: default;
}

希望，这也将起作用iPad。小提琴演示

Answer 2

我认为它不能在CSS.

但是，正如你所说，有很多pages，所以你不能到处改变，这是错误的。

您可以创建一个公共javascript file并将其添加到每个页面中。

您可以在jquery

$('.disable').on('click',function(e){
    e.preventDefault();
    return false;
});

Answer 3

你可以使用这个技巧：

<button disabled>Hello World</button>


// This will never run
$(function() {
    $("button").click(function() {
        alert("Hello World");
    });
});

button {
    padding: 0;
    border: 0;
    background-color: inherit;
    color: Blue;
    cursor: pointer;    
}