d3 zoom: Seite Zoom bei Verwendung eines Touchscreen verhindern

Question

So ziemlich ein Neuling hier, um Javascript und nicht ein "vollwertiger" Entwickler, also sei sanft! :)

Ich erstelle eine zoombare Karte mit d3 (mit v3 im Moment), und ich möchte in der Lage sein, diese Karte in beiden Browsern Touchscreen und nicht-Touchscreen (d. H. Handy und PC) anzuzeigen. Wenn Sie auf Touchscreens die Pinch-Geste auf dem Map-Svg-Element verwenden, auf das ich den Zoom angewendet habe, zoomt die gesamte Seite statt nur die Karte. Sie können das gleiche Verhalten auf vielen der d3-Beispiele (z. B. https://bl.ocks.org/mbostock/6123708) sehen. Muss ich Standardverhalten verhindern/benutzerdefinierte Bearbeitung für das Touchstart-Ereignis schreiben? Da ein so großer Prozentsatz von Geräten da draußen Touchscreens sind, würde ich mir vorstellen, dass d3 damit umgegangen ist, und ich habe die Dokumentation/StackOverflow-Threads darauf verpasst? Jede Hilfe würde sehr geschätzt werden!

Answer 1

Ich fand, dass diese Frage bereits beantwortet wurde (nach dem, was ich dachte, war gründlich genug für eine solche Antwort suchen :)). Vielleicht werden andere mit den gleichen Bedingungen suchen, die ich gemacht habe, und dieser Beitrag wird ihnen helfen, auf die Antwort zu verweisen.

Firefox disable browser zoom but allow element zoom on pinch