windows에서 자바 스크립트 mousedown 이벤트 위치

Question

크로스 브라우저 호환이 가능한 모바일 사이트를 만들고 있습니다. 하나의 기능에 대해서는 터치 이벤트의 위치를 ​​감지해야합니다.

Windows Phone은 터치 시작 등을 지원하지 않으므로 대신 mousedown을 사용하고 있지만 이벤트에서 페이지 위치를 가져 오는 데 문제가 있습니다. 그것은 바탕 화면에 아무런 문제없이 작동하며 Windows phone에서 mousedown이 감지되지만 offsetX - offset Y를 얻는 방법을 알 수 없습니다.

Heres 데스크탑과 iphone 및 Android에서 작동하는 샘플 (내가 jQuery를 사용하고 있지만 플러그인 또는 아무것도 아닌 표준) : Touch/Gestures On Mobile Devices 또는이 : 나는 당신을보고 어떤에서 윈도우 폰 8, 9

Answer 1

에 검사를하지

$("div").on("touchstart mousedown", function(e){ 
    org_x = e.originalEvent.changedTouches[0].pageX ? e.originalEvent.changedTouches[0].pageX : e.originalEvent.offsetX; 
    alert(org_x); 

    org_y = e.originalEvent.changedTouches[0].pageY ? e.originalEvent.changedTouches[0].pageY : e.originalEvent.offsetY; 
    alert(org_y); 
}); 

이 글을 읽을 수 없습니다 이 스택 오버플로 질문보기 : Windows phone 8 touch support

임씨는 여전히 화살표를 찾고 있으며, 더 나은 솔루션으로 내 답변을 업데이트 할 것입니다.

Answer 2

isues 너비 MSPonterDown 등 jquery 버그/incompatablility 것 같습니다. 순수 자바 스크립트로 이벤트 처리기를 설정하면 pageX 및 pageY 특성을 얻을 수 있습니다. jquery로 이벤트 처리기를 설정하면 pageX pageY가 없습니다.

document.getElementById("clickdiv").addEventListener("MSPointerDown",handleDown,false); 

function handleDown(evt) { 
    alert(evt.pageX); 
} 

$("#clickdivalt").on("MSPointerDown", handleAltDown); 

function handleAltDown(evt){ 
    alert(evt.pageX); 
} 

Answer 3

는 작동이 코드를 시도 미세

document.getElementById("clickdiv").addEventListener("MSPointerDown",handleDown,false); 

function handleDown(evt) { 
    alert(evt.originalEvent.layerX); 
} 

$("#clickdivalt").on("MSPointerDown", handleAltDown); 

function handleAltDown(evt){ 
    alert(evt.originalEvent.layerX); 
}