Javascript touchstart事件在滚动后停止工作

我已将touchstart事件附加到web应用程序中固定位置的页脚

所以结构是这样的：

<div id="content">i am a looong content.</div>
<div id="footer">i am tappable!</div>

$("#footer").on('touchstart', function(e) { alert("tapped"); });

问题是，当我向下滚动页面阅读（长）内容时，页脚的touchstart事件就停止工作了！它不再被呼叫了

---

有人知道为什么会这样吗？提前谢谢。

我建议改用click，这样每次都会打电话

var idFooter = document.getElementById("footer");
idFooter.addEventListener("click", touched, false);

function touched(){
 alert("tapped");
}

您是否尝试使用绑定而不是用户

---

您也可以使用touchend来更好地了解它的工作方式。

它确实是以这种方式工作的，而我实际上是将它用作解决方法。问题更多的是性能问题。手机上的点击事件比触摸事件慢0.2秒。因此，它会产生一个小的延迟，使应用程序看起来反应迟钝和沉重。