（角度4）如何綁定全局觸摸事件處理程序以禁用iOS Safari頁面拖動？

Question

這里的實際問題是，我有一個Angular 4應用程序，該應用程序具有D3.js圖表​​，該圖表通過用戶觸摸拖動（與'touchstart'綁定）獲取輸入。 用戶將針拖動到一個值，該值在觸摸結束時記錄（與“ touchend”綁定）。

但是，在移動瀏覽器上，至少在iOS Safari上，當我觸摸並開始拖動時，整個窗口開始移動...就像向右拖動一樣，開始顯示最后訪問的頁面。

我將嘗試解決此問題： 防止iOS野生動物園移動網頁窗口，以便發生拖動事件

但是我將需要在Angular 4中注冊一個全局事件處理程序-如何實現這一點，或者對這個問題有更好的建議？

Answer 1

不確定您真正的問題是..

如果您在談論Safari歷史記錄手勢（從屏幕外向右滑動以顯示最后訪問的頁面），則似乎是在OS /瀏覽器級別處理的，我們沒有任何回調，請在此處查看評論： iOS 7-有沒有辦法禁用Safari中的后退和前進功能？

Answer 2

找到了解決這個問題的方法！ 將其添加到index.html的頭部或在JS腳本的其他位置定義：

<script>
  document.ontouchmove = function(event) {
    event.preventDefault();
  }
</script>