jQuery为iframe的body添加click事件的实现代码
jQuery为iframe的body添加click事件的实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要:html结构如下:复制代码代码如下:为body添加click事件functionshow_body_click(){alert('youar...

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教程学习
编程开发子分类