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 相关文章推荐
JS函数验证总结(方便js客户端输入验证)
Oct 29 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
Yii2使用Bootbox插件实现自定义弹窗
Apr 02 Javascript
JavaScript动态生成二维码图片
Apr 20 Javascript
深入理解jQuery 事件处理
Jun 14 Javascript
javascript中replace使用方法总结
Mar 01 Javascript
详解使用vue-cli脚手架初始化Vue项目下的项目结构
Mar 08 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
Vue2.0+Vux搭建一个完整的移动webApp项目的示例
Mar 19 Javascript
构建大型 Vue.js 项目的10条建议(小结)
Nov 14 Javascript
vue实例的选项总结
Jun 09 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上传文件并存储到mysql数据库的方法
2015/03/16 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
原生JS实现首页进度加载动画
2016/09/14 Javascript
微信小程序 开发指南详解
2016/09/27 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
2017/06/22 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
2017/12/28 Javascript
微信小程序左滑动显示菜单功能的实现
2018/06/14 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
Python字符编码判断方法分析
2016/07/01 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
详解Python如何生成词云的方法
2018/06/01 Python
python实现对输入的密文加密
2019/03/20 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
中专毕业生自我鉴定
2013/11/21 职场文书
导游的职业规划书范文
2013/12/27 职场文书
关键在于落实心得体会
2014/09/03 职场文书
软环境建设心得体会
2014/09/09 职场文书
婚庆公司计划书
2014/09/15 职场文书
校本课程教学计划
2015/01/19 职场文书
七年级地理教学计划
2015/01/22 职场文书
大学生村官个人总结
2015/02/15 职场文书
雷锋之歌观后感
2015/06/10 职场文书
《刺客之王:C罗全景传记》:时代从来不会亏待手艺人
2019/11/28 职场文书
pycharm无法导入lxml的解决办法
2021/03/31 Python
Java集成swagger文档组件
2021/06/28 Java/Android