Javascript中 如何通过div响应里面的iframe点击事件 15
现在有一个div,已知id。其中有一个iframe,但是id是什么并不固定。怎样在点击iframe后执行div的click事件?谢谢!目前的问题是id并不固定,这个ifr...
现在有一个div,已知id。其中有一个iframe,但是id是什么并不固定。怎样在点击iframe后执行div的click事件?谢谢!
目前的问题是id并不固定,这个iframe的一切细节参数一无所知,只知道他在这个div中并且是个iframe。
问题解决了,谢谢各位:
假设div的id是ad。f1为响应事件。
<script language="javascript">
function f1() {
alert("clicked!");
}
ad.onclick=f1;
for(var i=0;i<document.all.length;i++)
{
if(document.all.item(i).tagName=="IFRAME" && document.all.item(i).parentNode.id=="ad") {
document.all.item(i).onfocus=f1;
}
}
</script> 展开
目前的问题是id并不固定,这个iframe的一切细节参数一无所知,只知道他在这个div中并且是个iframe。
问题解决了,谢谢各位:
假设div的id是ad。f1为响应事件。
<script language="javascript">
function f1() {
alert("clicked!");
}
ad.onclick=f1;
for(var i=0;i<document.all.length;i++)
{
if(document.all.item(i).tagName=="IFRAME" && document.all.item(i).parentNode.id=="ad") {
document.all.item(i).onfocus=f1;
}
}
</script> 展开
3个回答
展开全部
div所在的文档
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<script>
function DivClick()
{
alert('你单击了div');
}
</script>
<div style='height: 100; width:100' onclick='DivClick()'>单击div</div>
<iframe scrolling="no" frameborder="0" src="iframe.html" height="100px" width="100px" id="flowFrame"></iframe>
</body>
</html>
下面是iframe.html
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<script>
function iFrameClick()
{
window.parent.DivClick();
}
</script>
<a href="#" onclick='iFrameClick()'>执行主窗口的divClick</a>
</body>
</html>
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<script>
function DivClick()
{
alert('你单击了div');
}
</script>
<div style='height: 100; width:100' onclick='DivClick()'>单击div</div>
<iframe scrolling="no" frameborder="0" src="iframe.html" height="100px" width="100px" id="flowFrame"></iframe>
</body>
</html>
下面是iframe.html
<html>
<head>
<title>无标题文档</title>
</head>
<body>
<script>
function iFrameClick()
{
window.parent.DivClick();
}
</script>
<a href="#" onclick='iFrameClick()'>执行主窗口的divClick</a>
</body>
</html>
展开全部
设置 iframe 的 onclick 事件,或者是 iframe中元素的 onclick 然后在这个事件中 再调用 div 的click事件
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
那就获取 div下面的iframe对象啊 如果使用jquery的话 使用它的选择器就很容易办到了 : $("div id > iframe")
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询