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 input 数字验证代码
Jul 30 Javascript
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
使用基于jquery的gamequery插件做JS乒乓球游戏
Jul 31 Javascript
九种js弹出对话框的方法总结
Mar 12 Javascript
jQuery制作简单柱状图实例
Jan 28 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
AngularJS路由切换实现方法分析
Mar 17 Javascript
JS回调函数基本定义与用法实例分析
May 24 Javascript
JS控制鼠标拒绝点击某一按钮的实例
Dec 29 Javascript
Vue使用NPM方式搭建项目
Oct 25 Javascript
js实现随机圆与矩形功能
Oct 29 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&amp;mysql(三)
2006/10/09 PHP
PHP UTF8编码内的繁简转换类
2009/07/20 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
总结PHP如何获取当前主机、域名、网址、路径、端口和参数等
2016/09/09 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
全系IE支持Bootstrap的解决方法
2015/10/19 Javascript
node.js入门教程之querystring模块的使用方法
2017/02/27 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
2017/04/24 jQuery
js canvas实现适用于移动端的百分比仪表盘dashboard
2017/07/18 Javascript
bmob js-sdk 在vue中的使用教程
2018/01/21 Javascript
解决使用vue.js路由后失效的问题
2018/03/17 Javascript
react koa rematch 如何打造一套服务端渲染架子
2019/06/26 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
2019/11/04 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
JS实现点击掉落特效
2021/01/29 Javascript
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
[10:21]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster 选手采访
2021/03/11 DOTA
Python3实现连接SQLite数据库的方法
2014/08/23 Python
Python多线程同步Lock、RLock、Semaphore、Event实例
2014/11/21 Python
Python3.2模拟实现webqq登录
2016/02/15 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Python Pillow.Image 图像保存和参数选择方式
2020/01/09 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
python圣诞树编写实例详解
2020/02/13 Python
Pandas之read_csv()读取文件跳过报错行的解决
2020/04/21 Python
python实现学生成绩测评系统
2020/06/22 Python
CSS3实现超酷的黑猫警长首页
2016/04/26 HTML / CSS
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
某公司的.net工程师面试题笔试题
2013/11/22 面试题
企业晚会策划方案
2014/05/29 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
奠基仪式致辞
2015/07/30 职场文书
2016年教师节慰问信
2015/12/01 职场文书
javascript函数式编程基础
2021/09/15 Javascript