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 相关文章推荐
Autocomplete Textbox Example javascript实现自动完成成功
Aug 17 Javascript
javascript强大的日期函数代码分享
Sep 04 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
postman+json+springmvc测试批量添加实例
Mar 31 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
Nov 27 Javascript
js 实现ajax发送步骤过程详解
Jul 25 Javascript
深入了解JavaScript 防抖和节流
Sep 12 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 Javascript
JavaScript原型继承和原型链原理详解
Feb 04 Javascript
JS相册图片抖动放大展示效果的示例代码
Jan 29 Javascript
jquery插件实现搜索历史
Apr 24 jQuery
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操作JSON格式数据的实现代码
2011/12/24 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
Js冒泡事件详解及阻止示例
2014/03/21 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
三种带箭头提示框总结实例
2016/06/14 Javascript
js随机生成一个验证码
2017/06/01 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
2017/07/27 Javascript
利用JQUERY实现多个AJAX请求等待的实例
2017/12/14 jQuery
vue 实现axios拦截、页面跳转和token 验证
2018/07/17 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
微信小程序Page中data数据操作和函数调用方法
2019/05/08 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
eclipse创建python项目步骤详解
2019/05/10 Python
python如何爬取网站数据并进行数据可视化
2019/07/08 Python
在python image 中安装中文字体的实现方法
2019/08/22 Python
python协程gevent案例 爬取斗鱼图片过程解析
2019/08/27 Python
Python threading的使用方法解析
2019/08/28 Python
tensorflow的计算图总结
2020/01/12 Python
用python读取xlsx文件
2020/12/17 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
Unix控制后台进程都有哪些进程
2016/09/22 面试题
家佳咖啡店创业计划书
2013/12/27 职场文书
旅游网创业计划书
2014/01/31 职场文书
自我鉴定标准格式
2014/03/19 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
安全承诺书
2015/01/19 职场文书
国情备忘录观后感
2015/06/04 职场文书
入党自传范文2015
2015/06/26 职场文书
2015年公司中秋节致辞
2015/07/31 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
Django项目如何正确配置日志(logging)
2021/04/29 Python
如何在Python项目中引入日志
2021/05/31 Python