2012-04-12 3 views
2

제가 Meteor로 시작한 첫 번째 작업은 모바일/태블릿을위한 터치 기반 웹 애플리케이션을 작성하는 것이 었습니다.Meteor의 터치 이벤트

첫 번째 단계 : 다음은 문제 재현 방법이 첫 번째 비트가 터치 장치에 대한 경고를 뱉어 및 파일, 빈 프로젝트

meteor create touch_example 
cd touch_example 
meteor 

둘째를 만들을의 .js에이 일을 추가 그들은 더이 없기 때문에 콘솔.

Meteor.log = function(input){ 
    if (typeof console !== 'undefined' && typeof Touch !== "object") 
     console.log(input); 
    else 
     alert(input); 
} 

그리고 여기에 범인이 있습니다.

Template.touchbox.events = { 
    'touchmove' : function (e){ 
     e.preventDefault(); 
     Meteor.log('touchy'); 
    } 
}; 

마지막 단계에서 템플릿을 변경하여 페이지에 적어도 하나의 "touchbox"div가 있도록합니다. 이론 상으로는 사건을 가져 가야합니다. 'touchmove'를 'click'으로 변경하면 잘 작동한다는 것을 알 수 있습니다. dblclick으로 변경하면 정상적으로 작동합니다. 터치 이벤트는 아무 것도하지 않습니다.

+0

touchstart 일부 더 통찰력을 추가 할 수 있습니다 발견했다. 그래서 jQuery에 의존하지 않는 유성을 기다리는 동안 터치를 인식하는 jQuery 플러그인을 살펴 보았을까요? –

+0

참고로 iOS에는 환경 설정> Safari> 개발자 - http://maisonbisson.com/blog/post/14447/step-by-step-turn-on-the-iphone-ipads-web-guide에서 사용할 수있는 콘솔이 있습니다. debugging-console/ – rmarscher

답변

2

다음을 처리하지 않습니다 표준으로 사용하려고 jQuery를 것 같은데 JQuery와 모바일 : jQuery-Mobile Meteor sample integration and/or integration guidelines

I : http://jquerymobile.com/demos/1.1.0/docs/api/events.html

당신이 여기 내 다른 답변을보고 할 수 있습니다 패키지로 추가 바인딩에 관한 다른 도움이 마우스 이벤트와 똑같은 것을 발견했으나 바인드를 사용했지만 라이브 유인 유적과 연결될 것 같지 않습니다. http://xavi.co/articles/trouble-with-touch-events-jquery

+2

[jQuery Fingers] (http://github.com/chetan51/jquery.fingers)는 jQuery Mobile 대신 사용할 수있는 가벼운 jQuery 플러그인으로 터치 이벤트를 수신 할 수 있습니다. 정말 필요한. – Chetan

3

이 정보가 도움이 될 수 있습니다. 내 유성 앱에 대한 모바일에서의 클릭 작동을 오랫동안 찾고있었습니다. 난 당신이 클릭 후 쉼표를 추가하고, 유성 문서 핸들러는 "jQuery를 함께 유선"되는 이벤트를 공개에서

Template.red.events({ 
'click, touchstart .red': function(event){ 
      // add function 
}