14

我一直在我的 javascript 中使用“onclick”，但现在我希望它也可以在 Iphone 上运行。对于支持 ontouchstart 的设备，是否有一种简单的方法可以使所有“onclick”像 ontouchstart 一样工作？

还是我需要将所有脚本编写两次（一次使用 onclick，另一次使用 ontouchstart）？:S

注意：我不想使用 jquery 或任何其他库。

<!DOCTYPE html>
<title>li:hover dropdown menu on mobile devices</title>
<script>
window.onload = function () {
    if ('ontouchstart' in window) {
        // all "onclick" should work like "ontouchstart" instead
    }
    document.getElementById('hbs').onclick = function () {
        alert('element was clicked');
    }
}
</script>
<a id=id1 href=#>button</a>
4

2 回答 2

24

这篇文章引起了更多关注，所以我将添加另一个常用的，更新的技巧：

// First we check if you support touch, otherwise it's click:
let touchEvent = 'ontouchstart' in window ? 'touchstart' : 'click';

// Then we bind via thát event. This way we only bind one event, instead of the two as below
document.getElementById('hbs').addEventListener(touchEvent, someFunction);

// or if you use jQuery:
$('#hbs').on(touchEvent, someFunction);

应该在您的let touchEventjavascript 顶部声明超出功能（也不在 document.ready 中）。这样你就可以在你的所有 javascript 中使用它。这也允许简单的（jQuery）使用。

老答案：

这解决了复制代码的需要（至少至少是这样）。不知道你能不能把它们结合起来

function someFunction() {
    alert('element was clicked');
}

document.getElementById('hbs').onclick = someFunction;
document.getElementById('hbs').ontouchstart= someFunction;

document.getElementById('hbs')
    .addEventListener('click', someFunction)
    .addEventListener('touchstart', someFunction);
于 2013-09-20T10:34:39.707 回答
-6

javascript 在 Safari 中无法在 iPhone 上运行的原因是 iPhone 可以选择关闭 Javascript。

转到“设置”然后向下滚动到“Safari”然后一直滚动到底部“高级”然后打开Javascript！

此外，您可以检查是否使用此代码启用了 Javascript：

<script type="text/javascript">
   document.write("Javascript is working.")
</script>

<noscript>JavaScript is DISABLED!!!!!!</noscript>
于 2019-04-08T10:50:11.033 回答