Javascript在触摸方面表现不同

Question

相当新的编程，只能在Javascript中工作（到目前为止）。我正在建立一个可以点击图片的网站。它就像PC，Mac和Android智能手机上的魅力一样，但是当我在iPad（Chrome）和iPhone（Chrome和Safari）上试用它时，一些点击不会触发这些功能。这是个常见的问题吗？我按如下方式添加事件监听器。

li ul {
  /*display:none;*/
  position: absolute;
  padding: 10px;
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.8s, 0s;
  transition-delay: 0s, .4s;
}

函数看起来像这样：

document.getElementById("displayRight" + count).addEventListener("click", triggerRight);

Answer 1

Apple iOS使用“触摸”事件。您可能希望测试和抽象点击/触摸事件，如下所示：

var trgEvent = 'ontouchstart' in window ? 'touchstart' : 'click';

document.getElementById("displayRight" + count).addEventListener(trgEvent, triggerRight);