按钮不在移动设备上工作但在PC引导程序上工作

Question

我创建了一个内部有链接的引导按钮.看起来像这样:

当你将鼠标悬停在它上面时:

这是按钮内的代码:

 <div class="s-8"><button type="button" onClick="javascript:location.href = 'administration.php';">Administration</button></div>

注销按钮:

<div class="s-4"><button type="button" onClick="javascript:location.href = 'logout.php';">Logout</button></div>

此按钮在PC(IE,SAFARI,FireFox,Chrome,Opera)浏览器上正常工作(将我带到管理页面,但它不适用于移动设备.

我为注销按钮做了同样的事情,它在PC和移动设备上运行良好.我现在感到困惑.

Answer 1

问题可能是您正在使用不会在移动设备上注册的onClick事件(因为您没有点击 - 您点按).

这个答案解释了如何使用可在移动设备上运行的"touchstart"事件.

/sf/answers/1541116251/

Answer 2

我知道这可能是一个奇怪的答案。但在某些情况下，移动点击事件不起作用，除非您放置样式：cursor:pointer; 到你的按钮。

移动 clickEvents 的处理方式非常不同，第一次“点击”或“点击”可能会被解释为悬停而不是您正在寻找的点击。

因此尝试将按钮的 CSS 样式设置为：cursor:pointer;