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 相关文章推荐
基于jquery的让页面控件不可用的实现代码
Apr 27 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
通过JQuery实现win8一样酷炫的动态磁贴效果(示例代码)
Jul 13 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
我的Node.js学习之路(一)
Jul 06 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
Sep 24 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
三分钟学会用ES7中的Async/Await进行异步编程
Jun 14 Javascript
浅谈vue加载优化策略
Mar 19 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
vue实现整屏滚动切换
Jun 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
DC动画电影《黑暗正义联盟》曝预告 5月5日上线数字平台
2020/04/09 欧美动漫
新浪新闻小偷
2006/10/09 PHP
PHP中英混合字符串截取函数代码
2011/07/17 PHP
php+mysql实现数据库随机重排实例
2014/10/17 PHP
PHP数组与字符串互相转换实例
2020/05/05 PHP
javascript之学会吝啬 精简代码
2010/04/25 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
2015/03/28 Javascript
JS判断网页广告是否被浏览器拦截过滤的代码
2015/04/05 Javascript
三个js循环的关键字示例(for与while)
2016/02/16 Javascript
浅谈jQuery中ajaxPrefilter的应用
2016/08/01 Javascript
使用jQuery的toggle()方法对HTML标签进行显示、隐藏的方法(示例)
2016/09/01 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
一次围绕setTimeout的前端面试经验分享
2017/06/15 Javascript
详解vue mint-ui源码解析之loadmore组件
2017/10/11 Javascript
jQuery轮播图实例详解
2018/08/15 jQuery
bootstrap与pagehelper实现分页效果
2018/12/29 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
python实现定制交互式命令行的方法
2014/07/03 Python
Python的动态重新封装的教程
2015/04/11 Python
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
python中的字典使用分享
2016/07/31 Python
详解python里的命名规范
2018/07/16 Python
Python 面向对象部分知识点小结
2020/03/09 Python
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
大学校园活动策划书
2014/02/04 职场文书
外语专业毕业生自荐信
2014/04/14 职场文书
家长会欢迎词
2015/01/23 职场文书
在职证明格式样本
2015/06/15 职场文书
baselines示例程序train_cartpole.py的ImportError
2022/05/20 Python