jQuery為iframe的body添加click事件的實(shí)現(xiàn)代碼
更新時間：2011年04月07日 21:39:03 作者：
jQuery為iframe的body添加click事件的實(shí)現(xiàn)代碼，需要的朋友可以參考下。
html結(jié)構(gòu)如下：
<html>
<head>
<title>為body添加click事件</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-1.5.2.js"></script>
<script>
function show_body_click(){
alert('you are click the body');
}
jQuery(document).ready(function(){
//jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()");
//alert(jQuery("#ifr_id").contents().find('body').attr("onclick",'xxxx()'));//不能實(shí)現(xiàn)
//var ifr = jQuery("ifr_id")
});
jQuery(document, '#ifr_id').ready(function(){
jQuery("#ifr_id").contents().find("body").attr("onclick", "parent.show_body_click()");
//jQuery("#ifr_id").contents().find("body").live("click", "parent.show_body_click()");//ff沒有效果
//jQuery("#ifr_id").contents().find("body").click(parent.show_body_click()); //ff沒有效果
});
</script>
</head>
<body id="body_id">
<span>
<iframe id="ifr_id" src="eval.html" height="100px" width="800px"></iframe>
</span>
</body>
</html>
復(fù)制代碼 代碼如下:
<html>
<head>
<title>為body添加click事件</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-1.5.2.js"></script>
<script>
function show_body_click(){
alert('you are click the body');
}
jQuery(document).ready(function(){
//jQuery("ifr_id").contents().find("body").attr("onclick", "show_body_click()");
//alert(jQuery("#ifr_id").contents().find('body').attr("onclick",'xxxx()'));//不能實(shí)現(xiàn)
//var ifr = jQuery("ifr_id")
});
jQuery(document, '#ifr_id').ready(function(){
jQuery("#ifr_id").contents().find("body").attr("onclick", "parent.show_body_click()");
//jQuery("#ifr_id").contents().find("body").live("click", "parent.show_body_click()");//ff沒有效果
//jQuery("#ifr_id").contents().find("body").click(parent.show_body_click()); //ff沒有效果
});
</script>
</head>
<body id="body_id">
<span>
<iframe id="ifr_id" src="eval.html" height="100px" width="800px"></iframe>
</span>
</body>
</html>
您可能感興趣的文章:
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jquery slibings選取同級其他元素的實(shí)現(xiàn)代碼
- jQuery使用siblings獲取某元素所有同輩(兄弟姐妹)元素用法示例
- jQuery 滑動方法slideDown向下滑動元素
- JQuery 給元素綁定click事件多次執(zhí)行的解決方法
- jQuery動態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法
- 輕松實(shí)現(xiàn)jQuery添加刪除按鈕Click事件
- jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live
- Jquery為DIV添加click事件的簡單實(shí)例
- JQuery實(shí)現(xiàn)ul中添加LI和刪除指定的Li元素功能完整示例
相關(guān)文章
這篇文章主要介紹了移動手機(jī)APP手指滑動切換圖片特效附源碼下載的相關(guān)資料,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery 獲取多選框的值及多選框中文的函數(shù)的相關(guān)資料,需要的朋友可以參考下2016-05-05
jquery數(shù)組之存放checkbox全選值示例代碼
使用jquery數(shù)組可以存放checkbox全選值，下面有個不錯的示例，感興趣的朋友可以參考下2013-12-12
jQuery 的toggle()函數(shù)使用show()或hide()函數(shù)來切換HTML元素的可見狀態(tài)。今天我們來探討下jquery中toggle函數(shù)交替使用問題2015-06-06
jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
對于已經(jīng)是一個 DOM 對象，只需要用 $() 把DOM對象包裝起來，就可以獲得一個 jQuery 對象了，使用[index]和.get(index)可以轉(zhuǎn)為DOM對象2014-08-08
基于jquery實(shí)現(xiàn)圖片相關(guān)操作（重繪、獲取尺寸、調(diào)整大小、縮放）
這篇文章主要介紹了基于jquery實(shí)現(xiàn)圖片相關(guān)操作，包括圖片重繪、圖片獲取尺寸、圖片調(diào)整大小、圖片縮放，感興趣的小伙伴們可以參考一下2015-12-12
SuperSlide標(biāo)簽切換、焦點(diǎn)圖多種組合插件
SuperSlide 是致力于實(shí)現(xiàn)網(wǎng)站統(tǒng)一特效調(diào)用的函數(shù)，能解決大部分標(biāo)簽切換、焦點(diǎn)圖切換等效果，還能多個slide組合創(chuàng)造更多的效果。（兼容ie內(nèi)核(包括無敵的 ie6)、webkit內(nèi)核、ff、opera等主流瀏覽器）。2015-03-03
這篇文章主要介紹了jQuery的幾種選擇器詳解,Query 選擇器基于元素的 id、類、類型、屬性、屬性值等"查找"（或選擇）HTML 元素, 它基于已經(jīng)存在的 CSS 選擇器，除此之外，它還有一些自定義的選擇器,需要的朋友可以參考下2023-05-05
jquery validate.js表單驗(yàn)證的基本用法入門
jquery.validate.js是jquery下的一個驗(yàn)證插件，功能比較強(qiáng)大，早就有所耳聞但是一只沒有動手用過，現(xiàn)在在于能夠研究一下了。2010-05-05
這篇文章主要介紹了jQuery中extend函數(shù)簡單用法,結(jié)合實(shí)例形式簡單分析了jQuery使用extend函數(shù)擴(kuò)展對象屬性的相關(guān)操作技巧,需要的朋友可以參考下2017-10-10