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 相关文章推荐
jquery下利用jsonp跨域访问实现方法
Jul 29 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
js注册时输入合法性验证方法
Oct 21 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
vue-cli项目中使用echarts图表实例
Oct 22 Javascript
vue router 组件的高级应用实例代码
Apr 08 Javascript
使用taro开发微信小程序遇到的坑总结
Apr 08 Javascript
JavaScript字符串处理常见操作方法小结
Nov 15 Javascript
vue接口请求加密实例
Aug 11 Javascript
React Native项目框架搭建的一些心得体会
May 28 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
php函数serialize()与unserialize()用法实例
2014/11/06 PHP
php实现的递归提成方案实例
2015/11/14 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
ThinkPHP实现分页功能
2017/04/28 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
浅谈PHP接入(第三方登录)QQ登录 OAuth2.0 过程中遇到的坑
2017/10/13 PHP
用Javascript实现锚点(Anchor)间平滑跳转
2009/09/08 Javascript
在Javascript里访问SharePoint列表数据的实现方法
2011/05/22 Javascript
使用原生javascript创建通用表单验证——更锋利的使用dom对象
2011/09/13 Javascript
多个表单中如何获得这个文件上传的网址实现js代码
2013/03/25 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
JavaScript中的console.dir()函数介绍
2014/12/29 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
详解微信小程序开发之下拉刷新 上拉加载
2016/11/24 Javascript
JavaScript字符集编码与解码详谈
2017/02/02 Javascript
详解基于webpack和vue.js搭建开发环境
2017/04/05 Javascript
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
微信小程序input框中加入小图标的实现方法
2018/06/19 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
Vue中对iframe实现keep alive无刷新的方法
2019/07/23 Javascript
微信小程序实现吸顶特效
2020/01/08 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python Web开发模板引擎优缺点总结
2014/05/06 Python
Python实现比较两个文件夹中代码变化的方法
2015/07/10 Python
linux 下python多线程递归复制文件夹及文件夹中的文件
2020/01/02 Python
Python二元算术运算常用方法解析
2020/09/15 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
html5实现多图片预览上传及点击可拖拽控件
2018/03/15 HTML / CSS
PHP如何对用户密码进行加密
2014/07/31 面试题
公司新员工的演讲稿注意事项
2014/01/01 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
TypeScript中条件类型精读与实践记录
2021/10/05 Javascript
centos8安装MongoDB的详细过程
2021/10/24 MongoDB
SpringBoot中获取profile的方法详解
2022/04/08 Java/Android