Onclick功能在移动设备上不起作用

Question

我是JS的新手，正在尝试获得此结果（https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup），但是此代码的移动视图存在一些问题...在其他所有设备上都可以正常使用但不适用于iPhone（x，8等）。怎么可能？

function myFunction() {
    var popup = document.getElementById("myPopup");
    popup.classList.toggle("show");
}

Answer 1

如果问题确实发生在Safari上，则可能是由于CSS中缺少cursor: pointer;。

Safari不喜欢在不遵循certain conditions的HTML元素上触发函数。

顺便说一句，即使他们这样做（根据我的个人经验），也不能保证您的听众会真正被解雇。

发生这种情况的原因是，像Safari或IE这样的浏览器似乎更像是在开玩笑而不是好的浏览器。

我们该如何处理？

IRL，我们主要使用一些库（例如Vue或React），这些库比我们更好地执行跨浏览器优化。

对于简单的用例，您可能希望将“ myPopup”元素转换为零样式的按钮。

所有主要的浏览器都可以使用按钮或多或少地正常工作。