jQuery为iframe的body添加click事件的实现代码


Posted in Javascript onApril 07, 2011

html结构如下:

<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()'));//不能实现 
//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>
Javascript 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
Aug 06 Javascript
javascript的tab切换原理与效果实现方法
Jan 10 Javascript
js实现瀑布流的三种方式比较
Jun 28 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
Vue插件写、用详解(附demo)
Mar 20 Javascript
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
angularJs 表格添加删除修改查询方法
Feb 27 Javascript
微信小程序排坑指南详解
May 23 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
JQUERY的属性选择符和自定义选择符使用方法(二)
Apr 07 #Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 #Javascript
jquery对表单操作2
Apr 06 #Javascript
jQuery对表单的操作代码集合
Apr 06 #Javascript
24款非常有用的 jQuery 插件分享
Apr 06 #Javascript
jquery常用技巧及常用方法列表集合
Apr 06 #Javascript
jQuery参数列表集合
Apr 06 #Javascript
You might like
PHP安全编程之加密功能
2006/10/09 PHP
模拟xcopy的函数
2006/10/09 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
PHP如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
Yii Framework框架开发微信公众平台示例
2020/04/26 PHP
用jquery.sortElements实现table排序
2014/05/04 Javascript
给应用部分的js代码设定一个统一的入口
2014/06/15 Javascript
让JavaScript和其它资源并发下载的方法
2014/10/16 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
jQuery使用drag效果实现自由拖拽div
2015/06/11 Javascript
纯CSS3代码实现滑动开关效果
2015/08/19 Javascript
谈谈jQuery Ajax用法详解
2015/11/27 Javascript
jQuery实现节点的追加、替换、删除、复制功能示例
2017/07/11 jQuery
JS实现评价的星星功能
2017/08/20 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
[01:03:00]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第一局
2016/02/25 DOTA
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
python服务器与android客户端socket通信实例
2014/11/12 Python
Python 爬虫学习笔记之单线程爬虫
2016/09/21 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
Python2和Python3的共存和切换使用
2019/04/12 Python
python 函数中的内置函数及用法详解
2019/07/02 Python
基于python实现百度语音识别和图灵对话
2020/11/02 Python
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
师范生自荐信
2013/10/27 职场文书
学期自我评价
2014/01/27 职场文书
为什么说餐饮很难做,是因为你不了解这些新规则
2019/08/20 职场文书
分析Java中Map的遍历性能问题
2021/06/26 Java/Android
redis sentinel监控高可用集群实现的配置步骤
2022/04/01 Redis
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL