滾動后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

我可以建議使用點擊代替，這樣每次都會調用。

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

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

您嘗試使用綁定而不是用戶嗎？

您也可以使用touchend以更好的方式查看它。