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 两个字符串时间的天数差计算
Aug 25 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
js简单实现交换Li的值
May 22 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
JavaScript必看小技巧(必看)
Jun 07 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
Oct 27 Javascript
Es6 写的文件import 起来解决方案详解
Dec 13 Javascript
Angular使用动态加载组件方法实现Dialog的示例
May 11 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
微信小程序实现拍照和相册选取图片
May 09 Javascript
JavaScript中10个Reduce常用场景技巧
Jun 21 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使用PDO方法详解
2014/12/27 PHP
深入理解PHP变量的值类型和引用类型
2015/10/21 PHP
php使用FFmpeg接口获取视频的播放时长、码率、缩略图以及创建时间
2016/11/07 PHP
PHP ADODB生成下拉列表框功能示例
2018/05/29 PHP
php微信开发之关注事件
2018/06/14 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
网页常用特效代码整理
2006/06/23 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
jquery插件uploadify实现带进度条的文件批量上传
2015/12/13 Javascript
js继承实现方法详解
2016/12/16 Javascript
浅谈手写node可读流之流动模式
2018/06/01 Javascript
vue 使某个组件不被 keep-alive 缓存的方法
2018/09/21 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
python框架中flask知识点总结
2018/08/17 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
PyQt打开保存对话框的方法和使用详解
2019/02/27 Python
python用线性回归预测股票价格的实现代码
2019/09/04 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
使用Python将xmind脑图转成excel用例的实现代码(一)
2020/10/12 Python
python3代码中实现加法重载的实例
2020/12/03 Python
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
html5中canvas学习笔记2-判断浏览器是否支持canvas
2013/01/06 HTML / CSS
WWE美国职业摔角官方商店:WWE Shop
2018/11/15 全球购物
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
介绍一下ICMP(Internet Control Message Protocol)Internet控制信息协议
2016/11/26 面试题
linux面试题参考答案(6)
2016/06/23 面试题
Java面向对象面试题
2016/12/26 面试题
劳动工资科岗位职责范本
2014/03/02 职场文书
另类冲刺标语
2014/06/24 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
综合测评自我评价
2015/03/06 职场文书
安全生产学习心得体会
2016/01/18 职场文书
基于flask实现五子棋小游戏
2021/05/25 Python