How to add a click event to p elements in iframe (using jQuery)
Question
如何向 iframe 中的<p>元素添加点击事件（使用 jQuery）
<iframe frameborder="0" id="oframe" src="iframe.html" width="100%" name="oframe">
5 answers
solution1
12 ACCPTED 2010-09-14 12:58:15
There's a special jQuery function that does that: .contents() . See the example for how it's works.
solution2
1 2010-09-14 12:52:48
Your best best bet is to invoke the iframe AS LONG AS it's part of your domain.
iframe.html
<html>
<head>
<script>
window.MyMethod = function()
{
$('p').click();
}
</script>
</head>
<body></body>
</html>
And then use
document.getElementById('targetFrame').contentWindow.MyMethod();
To invoke that function.
another way is to access the iframe via window.frames .
<iframe name="myIframe" src="iframe.html"/>
and the javascript
child_frame = window.frames['myIframe'].document;
$('p',child_frame).click(function(){
alert('This click as bound via the parent frame')
});
That should work fine.
solution3
1 2020-06-13 08:27:06
Wanted to add this, as a complete, copy-paste solution (works on Firefox and Chrome). Sometimes it is easy to miss to remember to call the event after the document, and so the iframe, is fully loaded:
$('#iframe').on('load', function() {
$('#iframe').contents().find('#div-in-iframe').click(function() {
// ...
});
});
The iframe must be on the same domain for this to work.
solution4
0 2015-03-20 11:47:47
To access any element from within an iframe, a simple JavaScript approach is as follows:
var iframe = document.getElementById("iframe");
var iframeDoc = iframe.contentDocument || iframe.contentWindow;
// Get HTML element
var iframeHtml = iframeDoc.getElementsByTagName("html")[0];
Now you can select any element using this html element
iframeHtml.getElementById("someElement");
Now, you can bind any event you want to this element. Hope this helps. Sorry for incorrect English.
solution5
0 2010-09-14 12:53:32
通过将 IFrame 文档的引用作为 jQuery 的第二个参数，即上下文：
jQuery("p", document.frames["oframe"].document).click(...);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.