d3 zoom：使用觸摸屏時防止頁面縮放

這裏給JavaScript的新手很多，而不是'成熟的'開發者，所以要溫柔！：）d3 zoom：使用觸摸屏時防止頁面縮放

我正在用d3（現在使用v3）創建一個可縮放的地圖，我希望能夠在觸摸屏和非觸摸屏設備瀏覽器（即手機和PC）中查看此地圖。在觸摸屏上，在我應用縮放的地圖svg元素上使用縮放手勢時，整個頁面將縮放而不僅僅是縮放地圖。您可以在許多d3示例中看到相同的行爲（例如，https://bl.ocks.org/mbostock/6123708）。我是否需要防止默認行爲/爲touchstart事件編寫自定義處理？由於如此大比例的設備都是觸摸屏，我想象d3已經處理了這一點，並且我錯過了關於它的文檔/ StackOverflow線程？任何幫助將不勝感激！

來源

2017-04-04 gyoliver

我發現這個問題已經得到解答（在我認爲足夠徹底的搜索這樣的答案之後:)）。也許其他人會用我做的相同的術語搜索，這篇文章將幫助他們找到答案。

Firefox disable browser zoom but allow element zoom on pinch

來源

2017-07-27 16:56:34 gyoliver

請不要在這裏分享鏈接。幾天之後，鏈接可能會中斷或不可用。 –

@VedPrakash我認爲這是可以接受的聯繫。如果沒有，你能指出我在Stack Overflow上說的這個地方嗎？但我應該把堆棧溢出永久鏈接 - 我已更新的URL。 – gyoliver

這並不意味着一個鏈接是不好的。這僅僅意味着僅鏈接是不好的。最好有鏈接和背景，不是嗎？請參閱此[幫助中心頁面]（https://stackoverflow.com/help/how-to-answer） - 「鼓勵與外部資源的鏈接」。 –

d3 zoom：使用觸摸屏時防止頁面縮放

回答

相關問題