代码之家 › 专栏 › 技术社区 › faressoft

如何向iframe中的p元素添加click事件(使用jQuery)

iframe events jquery javascript

faressoft · 技术社区 · 14 年前

如何将单击事件添加到 <p> iframe中的元素(使用jQuery)

<iframe frameborder="0" id="oframe" src="iframe.html" width="100%" name="oframe">

4 回复 | 直到 14 年前

jerone 14 年前

.contents()

supremebeing7 RobertPitt 9 年前

最好的办法是调用iframe,只要它是域的一部分。

<html>
    <head>
        <script>
            window.MyMethod = function()
            {
                $('p').click();
            }
        </script>
    </head>
    <body></body>
</html>

document.getElementById('targetFrame').contentWindow.MyMethod();

调用那个函数。

window.frames .

<iframe name="myIframe" src="iframe.html"/>

还有javascript

child_frame = window.frames['myIframe'].document;
$('p',child_frame).click(function(){
    alert('This click as bound via the parent frame')
});

那应该行得通。

RoToRa 14 年前

通过将IFrame文档的引用作为jQuery的第二个参数,即上下文:

jQuery("p", document.frames["oframe"].document).click(...);

Sachin Singh 9 年前

var iframe = document.getElementById("iframe");
var iframeDoc = iframe.contentDocument || iframe.contentWindow;
// Get HTML element
var iframeHtml = iframeDoc.getElementsByTagName("html")[0];

现在可以使用这个html元素选择任何元素

iframeHtml.getElementById("someElement");

yenren 4 年前

想添加这个,作为一个完整的复制粘贴解决方案(在Firefox和Chrome上工作)。有时很容易忘记在文档之后调用事件,因此iframe已完全加载:

$('#iframe').on('load', function() {
    $('#iframe').contents().find('#div-in-iframe').click(function() {
        // ...
    });
});

推荐文章

mlsmet · 无法在Android手机上水平滚动表格

2 年前

lord stock · 硒在iframe中引发与下拉菜单相互作用的非接触元素异常

2 年前

ironmantis7x · 我无法使用html更改iframe中文本的文本颜色

2 年前

GÊá´á´á´ÊCá´á´ · 如何预加载或检测CDN承载的视频何时加载到盖茨比的折叠上方?

2 年前

ControlAltDel · 从iframe中加载的html页面上的源脚本获取Javascript变量

2 年前

Soniya Joshi · Android如何在Android iframe webview中传递url?

6 年前

Hellpless · 根据iframe-Google自动播放策略中的allow=“Autoplay”属性激活自动播放

6 年前

rosu alin · Vimeo视频不会在iframe中的chrome上启动。未调用LoadProgress

6 年前

Mahsa · 如何在javascript中获取iframe中链接的坐标

6 年前

Dixon Chaudhary · 在Laravel中维护会话和身份验证

6 年前