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 相关文章推荐
ExtJS Store的数据访问与更新问题
Apr 28 Javascript
js 点击按钮弹出另一页,选择值后,返回到当前页
May 26 Javascript
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
你必须知道的JavaScript 变量命名规则详解
May 07 Javascript
JQuery页面的表格数据的增加与分页的实现
Dec 10 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
Javascript模块化编程详解
Dec 01 Javascript
node.js解决获取图片真实文件类型的问题
Dec 20 Javascript
基于canvas实现的绚丽圆圈效果完整实例
Jan 26 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
vue 解决遍历对象显示的顺序不对问题
Nov 07 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实现excel中rank函数功能的方法
2015/01/20 PHP
PHP CodeIgniter框架的工作原理研究
2015/03/30 PHP
你的编程语言可以这样做吗?
2006/09/07 Javascript
node.js中的fs.chmod方法使用说明
2014/12/18 Javascript
javascript制作的滑动图片菜单
2015/05/15 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【一】
2016/05/10 Javascript
微信小程序 教程之条件渲染
2016/10/18 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
JavaScript设计模式之装饰者模式实例详解
2019/01/17 Javascript
微信小程序实现提交input信息到后台的方法示例
2019/01/19 Javascript
基于JS开发微信网页录音功能的实例代码
2019/04/30 Javascript
微信小程序云开发之使用云函数
2019/05/17 Javascript
细述Javascript的加法运算符的具体使用
2019/10/18 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
python中的reduce内建函数使用方法指南
2014/08/31 Python
python操作xlsx文件的包openpyxl实例
2018/05/03 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
如何基于pandas读取csv后合并两个股票
2020/09/25 Python
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
你的自行车健身专家:FaFit24
2016/11/16 全球购物
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
英国最受欢迎的价格比较网站之一:MoneySuperMarket
2018/12/19 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
this关键字的作用
2016/01/30 面试题
继承公证书样本
2014/04/04 职场文书
《大江保卫战》教学反思
2014/04/11 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
爱的奉献演讲稿
2014/09/10 职场文书
优秀班主任材料
2014/12/16 职场文书
爱牙日宣传活动总结
2015/02/05 职场文书
幼儿园卫生保健制度
2015/08/05 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
mysql中数据库覆盖导入的几种方式总结
2022/03/25 MySQL