[基础不过关填坑] 跨iframe触发事件

Posted lggggg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[基础不过关填坑] 跨iframe触发事件相关的知识,希望对你有一定的参考价值。

子iframe

$("#testId").on("change",function(){

  alert("change")

})

 

父页面

$("#childIframe").contents().find("#id").trigger("change")

不可用

原因:父子页面的$对象不是同一个对象,所以无法触发

正确代码:

$("#childIframe#)[0].contentWindow.$("#id").trigger("change")

使用子页面的$对象触发绑定事件

 

  Aiframe

  Biframe

Biframe触发Aiframe同理,从B找到A的$对象,触发A绑定的事件

以上是关于[基础不过关填坑] 跨iframe触发事件的主要内容,如果未能解决你的问题,请参考以下文章

iframe 内的 onload 事件仅触发一次

iframe可通过postMessage解决跨域跨窗口消息传递

JavaScript不使用vue实现三个不同页面中的input跨页面响应式

如何停止在注入时触发加载事件的空 iframe?

jq 在iframe中点击按钮,父元素触发事件

iframe下元素定位