D3js：使用触摸拖动滑块

Question

我找到了d3.js拖动滑块https://bl.ocks.org/mbostock/6452972的一个很好的例子但是我不能使用iOS10的拖动功能。如何为此滑块启用触控功能？

Answer 1

这很有趣。在该代码中，*拖动事件“设置在滑块顶部绘制的不可见线上。看起来iOS不会可靠地接受它上面的触摸事件，因为它没有被抚摸或填充。你可以让它工作虽然通过将.track-overlay上的css定义更改为：

.track-overlay {
  pointer-events: stroke;
  stroke-width: 50px;
  cursor: crosshair;
  stroke: black; /*<-- give it a stroke */
  opacity: 0; /*<-- but don't show it */ 
}