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 动态添加表格行
Jun 22 Javascript
在IE模态窗口中自由查看HTML源码的方法
Mar 08 Javascript
javascript globalStorage类代码
Jun 04 Javascript
JavaScript中实现Map的示例代码
Sep 09 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
JavaScript 对引擎、运行时、调用堆栈的概述理解
Oct 22 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 Javascript
JavaScript继承的三种方法实例
May 12 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
Yii框架关联查询with用法分析
2014/12/02 PHP
php实现将任意进制数转换成10进制的方法
2015/04/17 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
利用PHP判断是否是连乘数字串的方法示例
2017/07/03 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
php使用自带dom扩展进行元素匹配的原理解析
2020/05/29 PHP
完整显示当前日期和时间的JS代码
2007/09/17 Javascript
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
js的逻辑运算符 ||
2010/05/31 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
JavaScript兼容性总结之获取非行间样式案例
2016/08/07 Javascript
Vue使用vue-cli创建项目
2017/09/01 Javascript
ES6中Array.includes()函数的用法
2017/09/20 Javascript
详解如何用babel转换es6的class语法
2018/04/03 Javascript
关于vue的语法规则检测报错问题的解决
2018/05/21 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
vue项目使用$router.go(-1)返回时刷新原来的界面操作
2020/07/26 Javascript
python字符串替换示例
2014/04/24 Python
python迭代器与生成器详解
2016/03/10 Python
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
深入理解python try异常处理机制
2016/06/01 Python
python交互式图形编程实例(三)
2017/11/17 Python
python3 遍历删除特定后缀名文件的方法
2018/04/23 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
python新手学习使用库
2020/06/11 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
python用Configobj模块读取配置文件
2020/09/26 Python
python 实现批量图片识别并翻译
2020/11/02 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
入团者的自我评价分享
2013/12/02 职场文书
古汉语文学求职信范文
2014/03/16 职场文书
Python中使用Lambda函数的5种用法
2021/04/01 Python
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis