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 */ 
}