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 相关文章推荐
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 Javascript
Javascript中实现trim()函数的两种方法
Feb 04 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
jQuery如何获取动态添加的元素
Jun 24 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
Vue中点击active并第一个默认选中功能的实现
Feb 24 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 Javascript
vue修饰符.capture和.self的区别
Apr 22 Vue.js
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
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
Yii操作数据库实现动态获取表名的方法
2016/03/29 PHP
CodeIgniter框架实现的整合Smarty引擎DEMO示例
2019/03/28 PHP
Dom加载让图片加载完再执行的脚本代码
2008/05/15 Javascript
使用js实现按钮控制文本框加1减1应用于小时+分钟
2013/12/09 Javascript
javascript的数组和常用函数详解
2014/05/09 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
Javascript节点关系实例分析
2015/05/15 Javascript
js仿苹果iwatch外观的计时器代码分享
2015/08/26 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
js实现常用排序算法
2016/08/09 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
2017/03/02 Javascript
带你了解session和cookie作用原理区别和用法
2017/08/14 Javascript
React实践之Tree组件的使用方法
2017/09/30 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
vue实现路由切换改变title功能
2019/05/28 Javascript
微信小程序实现倒计时功能
2020/11/19 Javascript
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
[01:03:41]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第三场 2月2日
2021/03/11 DOTA
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
python TCP包注入方式
2020/05/05 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
基于CSS3实现的漂亮Menu菜单效果代码
2015/09/10 HTML / CSS
HTML5 Canvas——用路径描画线条实例介绍
2013/06/09 HTML / CSS
数据库笔试题
2013/05/09 面试题
表彰大会策划方案
2014/05/13 职场文书
2014银行领导班子群众路线对照检查材料思想汇报
2014/09/17 职场文书
法人单位授权委托书范文
2014/10/06 职场文书
房产协议书范本
2014/10/18 职场文书
2019脱贫攻坚工作总结报告范本!
2019/08/06 职场文书
Python Parser的用法
2021/05/12 Python