D3地图无法区分单击选择文本

Question

我用D3 / SVG创建了一个交互式地图。但是，当我用手机点击它时，浏览器会将其理解为“选择文本”，向我显示“全部选择”按钮的选项。

有没有本地方法让D3区分它，还是应该寻找解决方案来禁用我网站中的“选择文字”？

Answer 1

你可以使用纯css。这也将禁用桌面浏览器上的文本选择。 Webkit的触摸标注不是标准功能，因此可能不适用于所有用户。

svg text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-touch-callout