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的checkbox下拉框插件代码
Jun 25 Javascript
动态加载外部javascript文件的函数代码分享
Jul 28 Javascript
Javascript对象中关于setTimeout和setInterval的this介绍
Jul 21 Javascript
js中AppendChild与insertBefore的用法详细解析
Dec 16 Javascript
script标签属性用type还是language
Jan 21 Javascript
jquery实现经典的淡入淡出选项卡效果代码
Sep 22 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
Sep 27 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
Mar 08 Javascript
Bootstrap登陆注册页面开发教程
Jul 12 Javascript
fullPage.js和CSS3实现全屏滚动效果
May 05 Javascript
Node.js系列之发起get/post请求(2)
Aug 30 Javascript
Vue使用Three.js加载glTF模型的方法详解
Jun 14 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环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
PHP实现搜索相似图片
2015/09/22 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
PHP实现的二分查找算法实例分析
2017/12/19 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
新浪中用来显示flash的函数
2007/04/02 Javascript
IE 上下滚动展示模仿Marquee机制
2009/12/20 Javascript
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
2011/01/27 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
javascript编写实用的省市选择器
2015/02/12 Javascript
浅谈jQuery中的事件
2015/03/23 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
JavaScript表单验证开发
2016/11/23 Javascript
jquery append与appendTo方法比较
2017/05/24 jQuery
JavaScript实现二维坐标点排序效果
2017/07/18 Javascript
ES6中数组array新增方法实例总结
2017/11/07 Javascript
微信小程序使用request网络请求操作实例
2017/12/15 Javascript
使用JS判断移动端手机横竖屏状态
2018/07/30 Javascript
js动态设置select下拉菜单的默认选中项实例
2018/08/21 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
2018/11/07 Javascript
如何测量vue应用运行时的性能
2019/06/21 Javascript
Python 正则表达式入门(初级篇)
2016/12/07 Python
opencv改变imshow窗口大小,窗口位置的方法
2018/04/02 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
用pip给python安装matplotlib库的详细教程
2021/02/24 Python
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
日本即尚网:JSHOPPERS.com(支持中文)
2019/12/03 全球购物
优秀求职自荐信怎样写
2013/12/18 职场文书
公司企业表扬信
2014/01/11 职场文书
小学英语教学反思
2014/01/30 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
读书笔记怎么写
2015/07/01 职场文书
MATLAB 如何求取离散点的曲率最大值
2021/04/16 Python