Touchstart事件在滚动后停止工作

Question

我已经将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事件停止工作!它不再被调用。

有人知道为什么会发生这种情况吗?

Answer 1

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

var idFooter = document.getElementById("footer");
idFooter.addEventListener("click", touched, false);
function touched(){
 alert("tapped");
}

你尝试使用bind而不是user on吗?

您也可以使用touchend来查看它的工作方式。