2014-05-14 187 views
0

我一直在尋找在觸摸事件而不是鼠標事件的移動設備上使用D3的例子,但我正努力尋找任何映射什麼樣的觸摸事件替代哪個鼠標事件,例如,clickdblclick。因此,我一直在努力開始「轉換」我的D3可視化以支持觸摸。D3鼠標事件觸摸事件,即點擊 - >支持的觸摸事件

我需要適當的觸摸事件:

  • 變焦(或者將兩個工作嗎?): var zoomed = d3.behavior.zoom().x(x).y(y).scaleExtent([scaleExtentMin, scaleExtentMax]).on("zoom", partitionZoom);
  • click
  • dblclick

所以主轉換我會需要的是click - >支持的觸摸事件。

我如何用D3做到這一點?或者是否有一個可以與D3兼容的替代庫,可以處理觸摸事件?

任何幫助,將不勝感激!

+0

點擊事件仍應該觸發。但你可能想看看[hammer.js](http://eightmedia.github.io/hammer.js/)。 – kalley

回答

0

svg支持html容器支持的事件。點擊和點擊事件是相同的,除了300毫秒的延遲。你可以使用像以前建議的錘子或只是jQuery的移動

+0

'SVG'確實冒泡。 [Here's](http://bl.ocks.org/vicapow/6955981)塊,[這裏是](https://www.w3.org/TR/SVG/interact.html#SVGEvents)W3規範。 –

+0

哈哈,很多事發生在3年。檢查答案的時間戳。 –

+0

我意識到,但W3規範是從2011年開始的。只要讓任何來自谷歌的人知道 –