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 相关文章推荐
DOM 基本方法
Jul 18 Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
利用css+原生js制作简单的钟表
Apr 07 Javascript
Boostrap基础教程之JavaScript插件篇
Sep 08 Javascript
jQuery基于Ajax方式提交表单功能示例
Feb 10 Javascript
网页中右键功能的实现方法之contextMenu的使用
Feb 20 Javascript
vue组件间通信解析
Mar 01 Javascript
vue 将页面公用的头部组件化的方法
Dec 18 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
Jul 07 Javascript
微信小程序上传图片并等比列压缩到指定大小的实例代码
Oct 24 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
基于mysql的论坛(4)
2006/10/09 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
PHP实现断点续传乱序合并文件的方法
2018/09/06 PHP
phpinfo的知识点总结
2019/10/10 PHP
JavaScript 注册事件代码
2011/01/27 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
js监听鼠标事件控制textarea输入字符串的个数
2014/09/29 Javascript
angularJS 入门基础
2015/02/09 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
2016/05/24 Javascript
BootstrapTable+KnockoutJS自定义T4模板快速生成增删改查页面
2016/08/01 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
vue this.reload 方法 配置
2018/09/12 Javascript
vue实现循环切换动画
2018/10/17 Javascript
详细分析Node.js 模块系统
2020/06/28 Javascript
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
python协程之动态添加任务的方法
2019/02/19 Python
Python实现二叉搜索树BST的方法示例
2019/07/30 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
对python pandas中 inplace 参数的理解
2020/06/27 Python
如何利用python 读取配置文件
2021/01/06 Python
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
L*SPACE官网:比基尼、泳装和度假服装
2019/03/18 全球购物
数百万免费的图形资源:Freepik
2020/09/21 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类?
2012/05/30 面试题
幼儿园保育员辞职信
2014/01/12 职场文书
企业年度评优方案
2014/06/02 职场文书
关爱老人标语
2014/06/21 职场文书
超市创意活动方案
2014/08/15 职场文书
2014年环保工作总结
2014/11/26 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
golang定时器
2022/04/14 Golang