2012-11-20 4 views
1

d3js 및 모바일 이벤트에 대한 설명서를 찾고 있습니까? 기본적으로 두 번 탭 확대/축소를 피하고 별도의 기능을 트리거하려고합니다. 현재이 jquery 플러그인을 사용하여 모바일에서 두 번 탭/줌을 제거하고 있습니다.
link to the code
그러나 d3js에서 두 번 탭을 바인딩 할 수는 없습니다. 두 번 클릭하면 실행되는 두 번 클릭 이벤트가 있지만 두 번 클릭 이벤트가 실행되지 않는 줌을 재정의하기 위해 현재 jquery 플러그인이 제공됩니다.
도움이 많이되었습니다.

고마워요!d3.js 두 번 탭

답변

0

좋아, 그럼 터치 시작 이벤트를 추가 할 수 있습니다. 이

g.append("rect").on("touchstart",function(){
var t2 = e.timeStamp,
t1 = $(this).data('lastTouch') || t2,
dt = t2 - t1,
fingers = e.originalEvent.touches.length;
$(this).data('lastTouch', t2);
if (!dt || dt > 500 || fingers > 1) return; // not double-tap

e.preventDefault(); // double tap - prevent the zoom 

})

같은 일이 코드가이 gist에 의해 originaly 제공되고 난 그냥 touchstart 이벤트로 추가 Wouter Konecny
에 의해 수정 된 있습니다. 방법으로 매력처럼 작동