javascript - touchstart 事件在滚动后停止工作

Question

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

所以结构是这样的:

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

代码如下:

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

问题是，当我向下滚动页面以阅读(长)内容时，页脚的 touchstart 事件停止工作!它不再被调用。

有人知道为什么会发生这种情况吗？提前致谢。

Answer 1

我可以建议使用 click 来代替，这样每次都会调用它。

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

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

您尝试使用bind而不是user on吗？

您还可以使用 touchend 来查看它，这样效果会更好。