onclick 不适用于 safari 和移动设备

Question

很长一段时间以来，我一直在尝试修复这个错误，并联系了我的几个朋友，但他们都被难住了。我有一个网站，但没有一个按钮在移动设备或 Safari 浏览器上可用（在移动设备上，当我点击按钮时：悬停动画播放）。我已经尝试了很多修复（将它们更改为标签、事件侦听器、tabindex、ontouchstart），但都没有用。该网站是实时的，如果需要我可以提供网址（但我不想看起来像我在宣传）这是一个按钮不起作用的示例 -html-<a href="javascript:void(0)" tabIndex="0" id="navWrap" onclick="openNav()" ontouchstart="openNav()">        <div class="navLine"></div>        <div class="navLine" id="navMid"></div>        <div class="navLine" id="navBottom"></div></a>-CSS-#navWrap{    position: absolute;    top: 75px;    right: 60px;    transform: translate(0px, -50%);    transition: 0.7s;    font-size: 50px;    cursor: pointer;}-javascript开启导航功能-function openNav() {  document.getElementById("mySidenav").style.width = "100%";}-javascript 事件监听器-window.addEventListener('load', function(){    document.getElementById('navWrap').addEventListener('click', openNav);    document.getElementsByClassName('closebtn')[0].addEventListener('click', closeNav);    document.getElementById('Create').addEventListener('click', create);    document.getElementById('TInput').addEventListener('click', MYfunctionTwo);});我在 html 文件的页脚中有指向 js 文件的链接。

Answer 1

像这样绑定多个事件，希望对你有用。

// if supported touch, otherwise click event:

let clickOrTouchEvent = 'ontouchstart' in window ? 'touchstart' : 'click';

document.getElementById('navWrap').addEventListener(clickOrTouchEvent, openNav() );

Answer 2

我修复了它，老实说我不确定为什么它不起作用，但经过长时间调试后我发现我出于某种原因声明（甚至没有调用）的函数导致所有 JavaScript 停止工作。该函数是一个 xmlHttpRequest，当我删除它时一切正常。这可能是一个错误（它在 chrome 上有效）但它可能是一个异步请求。希望这对遇到同样问题的人有用！