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 相关文章推荐
javascript 字符串连接的性能问题(多浏览器)
Nov 18 Javascript
根据出生日期自动取得星座的js代码
Jul 20 Javascript
jquery实现的鼠标拖动排序Li或Table
May 04 Javascript
js实现头像图片切割缩放及无刷新上传图片的方法
Jul 17 Javascript
js阻止默认浏览器行为与冒泡行为的实现代码
May 15 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
ES6中的箭头函数实例详解
Apr 06 Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 Javascript
JavaScript canvas基于数组生成柱状图代码实例
Mar 06 Javascript
JS实现扫雷项目总结
May 19 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
程序员编程十条戒律
2009/07/09 PHP
php微信浏览器分享设置以及回调详解
2016/08/01 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
利用javaScript实现点击输入框弹出窗体选择信息
2013/12/11 Javascript
javascript中Function类型详解
2015/04/28 Javascript
jQuery webuploader分片上传大文件
2016/11/07 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
2017/06/25 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
react实现复选框全选和反选组件效果
2020/08/25 Javascript
原生js实现表格翻页和跳转
2020/09/29 Javascript
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
python黑魔法之参数传递
2016/02/12 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
pytorch 利用lstm做mnist手写数字识别分类的实例
2020/01/10 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
python操作ini类型配置文件的实例教程
2020/10/30 Python
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
找工作最新求职信
2013/12/22 职场文书
2014年健康教育工作总结
2014/11/20 职场文书
生产车间主任岗位职责
2015/04/08 职场文书
幼儿园亲子活动通知
2015/04/24 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
小学教师教学反思
2016/02/24 职场文书
2016年劳模先进事迹材料
2016/02/25 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python
实战Python爬虫爬取酷我音乐
2022/04/11 Python
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android