링크가있는 요소를 래핑하는 방법 이벤트를 무시 하시겠습니까?

Question

나는 그 이벤트를 감싸고 취소하고 싶은 2 가지 요소를 가지고있다.

<a href="http://google.com"> 
<iframe src="http://pldaflix.com/video/54312" width="500" height="415" frameborder="0"></iframe> 
</a> 


    <a href="http://google.com"> 
<object height="400" width="500"><param name="allowfullscreen" value="false"> 
<param name="AllowScriptAccess" value="always"> 
<param name="movie" value="http://embed.rede.com/player/"> 
<param name="FlashVars" value="id=97219&&autostart=false"> 
<embed src="http://embed.rube" allowfullscreen="false" AllowScriptAccess="always" 
flashvars="autostart=false" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" 
type="application/x-shockwave-flash" height="400" width="500" /></object> 

</a> 

내가 대신 javacript를 사용하는 HTML이나 CSS를 자신의 이벤트를 오버라이드 (override) 할 ..하지만 자바 스크립트 옵션도 옵션입니다 ..

어떻게 .. 하나는 iframe을이고 다른 하나는 객체입니다 개체의 이벤트 및 iframe을 링크 이벤트로 대체합니까?

업데이트 : 이런 식으로 뭔가 할 생각

:

 <div id="wrapper" style="position:relative;"> 
     <a href="http://google.com"> 
     <div style="position:absolute; width:100%; height: 100%; z-index: 9999; background-color:blue;"> 
      <div style="position:absolute; width:100%; height: 100%; z-index: 0;"> 
       <iframe src="http://playflix.com/video/54312" width="500" height="415" frameborder="0"></iframe> 
      </div> 
      </a> 
     </div> 
    </div> 

링크의 사업부 아래 iframe이의 사업부를 넣어 ..

나던 작품 ..하지만 난 생각 솔루션은 해당 라인을 따라야합니다

다른 방법은 div를 사용하지 않도록 자바 스크립트를 사용하는 것입니다

91,363,210는 UPDATE :

나는 간단한 솔루션이 필요합니다. 용액 jQuery를 가정은 iframe

Answer 1

위에 DIV 넣어이다

$("iframe").click(function(){ 
    window.location = <yourDesiredHref>; 
}); 

동일한 개체에 대해 적용된다.

Answer 2

링크를 개체 앞에 놓고 절대 위치를 지정하여 링크를 만들 수 있습니다. http://jsfiddle.net/sveinatle/BP9xc/4/

중요한 비트는 다음과 같습니다 :

<div class="container"> 
    <a id="overlay" href="http://google.com"></a> 
    <iframe src="http://www.example.com" width="500" height="415" frameborder="0"></iframe> 
</div> 

를하고 스타일링하는 것은 그래서 링크는 객체 커버 : 예를 들어 바이올린을 참조하십시오 당신이 뭔가를 시도 할 수 HTML/CSS로

.container{ 
    position:relative; 
    border: 2px solid red; 
    overflow:hidden; 
} 
#overlay{ 
    display:block; 
    position:absolute; 
    width:100%; 
    height:50%; 
    background-color:rgba(255,0,0,0.5); 
} 

Answer 3

를 :

• 개체 아래에 "div"오버레이를 만듭니다.
• 는 결합은 iframe 및 객체와이 높은 만들기 (815px 당신은 패딩/여백을 사용하지 않는 경우) 다른 오버레이 있도록
• 더 큰 요소로 넓은 (500 픽셀)
• 위치를 그것을 만들 margin-top:-500px; 와 예를 들어 요소는 바로 최고
• 가/주위 거기에 링크를 넣어에가 "오버레이"로 큰 뻗어

입니다 확신 할 그것을 display:block; 다른 두 가지 요소보다 더 큰 z-index을 제공

elem 주위에 "오버레이"를 넣을 수도 있습니다. 그리고 z-index으로 그 위에 올리는 것.