2014-05-14 182 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年开始的。只要让任何来自谷歌的人知道 –