2012-07-17 3 views
2

클릭 할 때마다 iframe을 제거하고 싶습니다. 이 코드를 넣어 :무언가가 클릭 될 때마다 jquery로 iframe 제거

$('*').on('click',function(){ 
       $('iframe').remove(); 

    }); 

그러나 문제는 iframe이 마우스를 쫓는다는 것입니다. 기본적으로 iframe을 클릭 할 때마다 iframe에 click 이벤트가 발생하지 않으므로 해당 스크립트는 작동하지 않습니다.

나는 click 이벤트를 트랩하고 iframe이 사라질 수있는 대안 솔루션을 찾고있었습니다. 웹 응용 프로그램이 마우스 왼쪽 버튼을 인식 할 수 있습니까? 심지어 아무 것도 할 필요가 없을 때도 있습니다.

내 문제는 해결할 수 있습니다 ..하지만 인터넷에 아무런 해결책도 찾지 못했습니다. 보았다!

+0

개념 그대로입니다. iframe의 위치와 높이/너비를 가져옵니다. iframe의 position : absolute, height/width'로 div를 만들고 iframe 영역을 클릭하여 확인하십시오. body에 click 이벤트를 추가합니다. – nk9

+1

iframe 내부의 click 이벤트를 위임하거나 iframe이있는 문서 본문 위로 버블 링하는 방법은 없습니다. 어떻게 든 문서를 클릭 할 수 있다면 파이처럼 간단합니다. 마우스 클릭이 항상 iframe에 의해 수신되는 경우, 나는 아무 방법도 없다고 생각합니다. 누군가가 나를 틀리게 증명하기를 바랍니다. –

+0

문제는 iframe 위에 div를 배치 할 수있는 방법이 없다는 것입니다.하지만 div 위에 iframe을 넣을 수 있습니다. –

답변

0

클릭하여 iframe을 닫으려고하는 경우 보이지 않는 div로 iframe을 덮으면 내가 남긴 부분을 달성해야합니다. 이 jsfiddle 밖으로

점검 : http://jsfiddle.net/6g4KQ/

이 일 외에도, iframe이 내부 클릭에 액세스하는 방법은 없다 - 당신은 내가 그렇게하지 같은데요은 iframe의 내용에 액세스 할 수 있습니다하지 않는 한.

관련 문제