点击iframe么内部页面，触发click等方法

最新推荐文章于 2025-02-07 14:45:04 发布

原创最新推荐文章于 2025-02-07 14:45:04 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

开发遇到的问题专栏收录该内容

9 篇文章

订阅专栏

此博客介绍如何使用jQuery实现一个延迟2秒后，iframe页面中的body元素添加点击事件，点击时会调用hide_chapter()函数。核心代码展示了如何通过setTimeout和子元素操作来实现跨域页面的行为控制。

jQuery(document, 'iframe').ready(function(){
    setTimeout(function () {
        jQuery("iframe").contents().find("body").attr("onclick", "parent.hide_chapter()");
    }, 2000);
});

 function hide_chapter(){
      alert("click body");
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_30554229

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js实现iframe跨页面调用函数的方法

10-25

然而，当涉及到不同页面间的交互，如父页面与iframe中的子页面之间调用彼此的函数时，就涉及到跨窗口通信的问题。以下将详细介绍如何使用JavaScript实现这种功能。 1. **父页面调用子页面的函数** 在父页面中，...

jQuery为iframe的body添加click事件的实现代码

12-11

在网页开发中，有时我们需要对页面中的`iframe`元素内部的`body`标签添加点击事件监听，以便在用户点击`iframe`内容时触发特定的处理函数。jQuery库为我们提供了便捷的方式来实现这一需求。本文将详细讲解如何使用...

参与评论您还未登录，请先登录后发表或查看评论

在父窗口触发子窗口（iframe）的click事件

weixin_44196141的博客

03-02

1416

如果直接使用 $('iframe').contents().find('items').click(); 操作对iframe无效，因为是此时的items是jquery 对象，对于它没有click方法，将它转成dom对象就可以操作了，具体方法是 $('iframe').contents().find('items')[0].click(); ...

载入的iframe页面会挡住父级页面一切冒泡事件，怎么破?

高先生的猫

07-02

2968

最近遇到个坑，页面引入了一个iframe，结果页面上所有的点击事件都失效了。解决办法是手动绑定iframe里面事件，在事件里面触发当前窗口事件 // 点击了不触发 document.body.addEventListener('click', () => {console.log(43434343)}) // 在iframe里面手动触发 $('#iframe').contentWindow.document.body.addEventListener('click', () => {

Selenium中操作iframe，别再说你不会了

apex_eixl的博客

12-27

2325

这里是清安，本章一起来了解一下ifame标签，iframe多用于嵌套页面。最常见的就是登录窗口了。例如QQ空间，知乎的登录界面，都有用到。本章主要以QQ空间为例，一起来看看：

父窗口触发Iframe的点击事件

最新发布

weixin_55797790的博客

02-07

804

上网学习后，得知父页面可以通过父页面和子页面可以通过消息传递解决我的需求，并且也不会出现跨域的错误。更多的细节可以看这篇文章。

H5内嵌跨域iframe,点击事件获取_敲代码的疯猫_新浪博客

jameszhufu的博客

09-14

767

var IframeOnClick = { resolution: 200, iframes: [], interval: null, Iframe: function() { this.element = arguments[0]; this.cb = arguments[1]; this.h...

layer弹出子iframe层父子页面传值的实现方法

10-17

这行代码在父页面的按钮被点击时触发，通过jQuery找到id为“iframe_dataChange”的iframe元素，然后调用其contents()方法获取iframe的document对象，进而使用find()方法定位到子页面中id为“son_dataChange”的元素...

js iframe页面触发父级页面的js方法

12-19

在JavaScript中，如果在一个iframe（嵌入式框架）页面想要触发父页面的JavaScript方法，可以利用window.postMessage API。这是一种跨域通信的方式，允许iframe向其父窗口发送消息，而父窗口接收到消息后可以根据需要...

触发iframe父页面点击事件

06-02

在JavaScript中，可以使用`parent`对象来访问iframe的父页面。如果要在iframe中触发父页面的...需要注意的是，如果父页面中的元素是使用jQuery绑定的点击事件，需要使用`trigger`方法触发点击事件，而不是`click`方法。

在父窗口中获取iframe中的元素，并触发点击事件

Seven_color_rainbow的博客

04-22

3121

在父窗口中触发iframe中id=“launchBtn”的div的点击事件 $("iframe").contents().find("#launchBtn").click();

调用iframe中的按钮点击

J辉的博客

10-19

1万+

index.html<html> <head><meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript"> function callChild(){ //myFrame.window.say(); myFra

vue中获取iframe页面的点击事件（第三方iframe，不可操作）

qq_67447855的博客

09-07

3229

header上有element的浮窗（dropdowm和popover）打开浮窗后，点击浮窗外的区域浮窗都会关闭，但是点击iframe的区域浮窗就不会关闭。iframe属于第三方的页面，改不了他的代码，就不能点击后发送postmessage。

为iframe添加onclick事件

weixin_33744141的博客

03-28

1436

如果页面上有iframe时，鼠标点击在iframe内时，包含iframe的document是不响应任何事件的，例如： $("#iframe1").click(function(){//点击iframe alert("点击1"); });或者 $(function(){//给iframe循环绑定click事件 for(var n=1;n&lt...

前端 | iframe框架标签应用（三）| 点击指定部分，进行外部页面搜索，内置iframe返回搜索结果

知识库搭建ing

05-10

1135

点击指定部分，进行外部页面搜索，内置iframe返回搜索结果

iframe如何触发父元素事件以及父页面控制iframe子页面元素

gzhang1018的博客

01-19

1004

最近在开发登入窗口中运用到iframe，其中遇到一些小问题拿出来分享一下。问题：用jquery的$(‘parent.document’).find(’#id’)来取父框架的元素，取出来的DOM元素也是正确的，在控制台打印出来了，但调用click()方法就是触发不了绑定的函数 1.父页面有一个打开注册事件： $(’#regis’).click(function(){ $(’.container’).append(regis); $(’.modal-backdrop’).click(function(){ $

iframe click点击事件，此方法已经过验证

ght521的专栏

12-02

2081

iframe click点击事件在网上搜索了很多iframe click的事件，发现都不太好使，为了您少走弯路，直接上干货，并记录一下走过的那些坑吧。给iframe绑定click事件需要等待若干秒后再执行绑定事件才会生效，这里为等待5秒后给iframe绑定单击事件，如果在初始化方法中没有延迟就绑定的话，是绑定不上的，这里没有深究原因，知道的可以留言，废话不多说，上代码： $(function(...

iframe框架一个页面中嵌套到另外一个页面