2013-10-29 6 views
4

Windows 저장소 개발 (Windows 8)에서 HTML/자바 스크립트를 사용하여 iframe에 로컬 HTML 파일을로드하고 있습니다. Iframe에서 스 와이프 이벤트를 받으려고합니다.iframe에서 스 와이프 제스처 감지

나는 이것으로 시도했다. sample & this. 나는 하나의 div 요소를 포함하는 마우스 휠 시나리오를 사용하지 않았다. Iframe의 경우 작동하지 않습니다.

내 코드 : 나는 모든 이벤트에 대한 기능을 만들어

<body> 
    <iframe id="iframe_Id" src="split.html" style="height:768px; width:1366px;" onload="Load();"></iframe> 
</body> 

 

function Load() { 

var elt = document.getElementById("iframe_Id"); 

    elt.style.backgroundColor = "#f3f3f3"; 
    var gobj = new MSGesture(); 
    // Defining gesture object for Pen, mouse and touch 
    gobj.target = elt; 
    elt.gesture = gobj; 
    elt.gesture.pointerType = null; 

    // Creating event listeners for gesture elements 
    elt.addEventListener("MSPointerDown", onPointerDown, false); 
    elt.addEventListener("MSGestureTap", onTap, false); 
    elt.addEventListener("MSGestureHold", onHold, false); 
    elt.addEventListener("MSGestureChange", onGestureChange, false); 

    // Mouse Wheel does not generate onPointerUp 
    elt.addEventListener("MSGestureEnd", onGestureEnd, false); 

} 

function onPointerDown(e) { 
var content = document.getElementById("iframe_Id"); 
} 

. 하지만 내 IFrame에서 스 와이프하면 이벤트가 발생하지 않습니다. 여기 구조화되었습니다. 나는 스 와이프로 일해야한다. 이걸 도와주세요.

답변

3

당신은 넣어해야 당신의 <iframe><div> 블록 내부의이 같은 :

<body> 
    <div id="watch"> 
     <iframe id="iframe_Id" src="split.html" style="height:768px; 
     width:1366px;" onload="Load();"> 
     </iframe> 
    </div> 
</body> 

그리고 터치 이벤트는 DOM에서하고하지 않기 때문에 다음, 대신 iframediv#watch에서 슬쩍 봐 iframe에

+1

정말 필요한가요? 왜 시체 대신 새 div에서 스 와이프를 찾고 있습니까? – WoIIe

+0

@ Natuu 나는 U가 제안한 것을했습니다. 그것은 작동하지 않습니다. 나는 div에 스 와이프를 얻을 수 있어요.하지만 iframe이 없습니다 – Kumar

5

split.html이 로컬 파일 인 경우 iframe에서 이벤트를 수신해야합니다. 그런 다음 parent.postMessage()을 사용하여 호스트/상위 HTML 페이지까지 통신 할 수 있습니다.

또는 Windows 8.1에서 HTML/JavaScript 앱에서 사용할 수있는 new WebView control을 조사 할 수 있습니다.

+0

처음에는 매우 늦은 답변에 대해 사과드립니다. Iframe에서만 이벤트를 수신하려고합니다. 그러나 나는 Parent.postMessage()에 대해 알지 못합니다. 나는 Javascript를 처음 사용합니다. 내 사례와 관련된 간단한 설명이있는 소스 링크를 공유 할 수 있습니까? 감사합니다. – Kumar

+0

& 나는 또 하나 더 명확하게하고 싶습니다. '여전히 웹뷰에는 줌 해제와 같은 한계가 있습니다.' 내 경우에는 적용되지 않습니다. – Kumar

+0

지금은 "IFrame에서 이벤트 수신"을 위해 노력 중입니다. 나는 시도 후에 U로 돌아갈 것이다. – Kumar

관련 문제