Question

我在链接中有一个按钮，我该怎么做才能点击按钮不会导致重定向，但点击按钮外面会有。

<a href="http://google.com" class="block">
  <button>Don't redirect on click</button>
</a>

是否可以只使用css？

见这里： https://jsfiddle.net/d4mr7mm6/

Answer 1

这将提供您正在寻找的东西。但是，您需要设置禁用按钮的样式以适应美学。如前面的帖子中所述，不建议这样做。

<a href="http://google.com" class="block">
  <button type="button" disabled>Click Me!</button>
</a>

https://jsfiddle.net/d4mr7mm6/1/

Answer 2

只需在您的内部添加一个具有以下属性的按钮：

<a href="http://google.com" class="block">
  <button class="no-redirect">Don't redirect on click</button>
</a>

.no-redirect{
   pointer-events: none;
   cursor: default;
}

请参阅：Disable link using css

此外，将互动元素嵌套在锚点内也是违法的。

Answer 3

它不是一个好的html结构，但是如果你想继续使用这个结构，我认为这样可行：

<a href="http://google.com" class="block" onclick="event.preventDefault();">
  <button>Don't redirect on click</button>
</a>

类似的答案：

不要使用css重定向按钮

3 个答案: