jQuery iframe body에 click 이벤트 추가

12990 단어 jquery
html 구조는 다음과 같습니다.

  
    
1 < html >
2 < head >
3 < title > body click </ title >
4 < meta http-equiv ="content-type" content ="text/html;charset=utf-8" >
5 < script type ="text/javascript" src ="jquery-1.5.2.js" ></ script >
6 < script >
7 function show_body_click(){
8 alert( ' you are click the body ' );
9 }
10 jQuery(document).ready( function (){
11 // jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()");
12   //alert(jQuery( " #ifr_id " ).contents().find( ' body ' ).attr( " onclick " , ' xxxx() ' ));//
13 // var ifr = jQuery("ifr_id")
14 });
15 jQuery(document, ' #ifr_id ' ).ready( function (){
16 jQuery( " #ifr_id " ).contents().find( " body " ).attr( " onclick " , " parent.show_body_click() " );
17 // jQuery("#ifr_id").contents().find("body").live("click", "parent.show_body_click()");//ff
18 // jQuery("#ifr_id").contents().find("body").click(parent.show_body_click()); //ff
19 });
20
21 </ script >
22 </ head >
23 < body id ="body_id" >
24 < span >
25 < iframe id ="ifr_id" src ="eval.html" height ="100px" width ="800px" ></ iframe >
26 </ span >
27 </ body >
28 </ html >



좋은 웹페이지 즐겨찾기