iframe如何触发父元素事件以及父页面控制iframe子页面元素
2017-12-14 15:51
1946 查看
最近在开发登入窗口中运用到iframe,其中遇到一些小问题拿出来分享一下。
1.父页面有一个打开注册事件:
$('#regis').click(function(){
$('.container').append(regis);
$('.modal-backdrop').click(function(){
$(".loginModal,.modal-backdrop").remove();
});//隐藏
});//打开注册
2.子页面处理方式:
误区:$(window.parent.document).find('#regis').click();
正确处理方式: $前面加上parent
$('#login_res').on('click',function(){
parent.$(window.parent.document).find('#regis').click();
});//触发父页面打开注册事件
科普一下:
父页面访问子页面可以用:
子页面访问父页面:
问题:用jquery的$('parent.document').find('#id')来取父框架的元素,取出来的DOM元素也是正确的,在控制台打印出来了,但调用click()方法就是触发不了绑定的函数
1.父页面有一个打开注册事件:
$('#regis').click(function(){
$('.container').append(regis);
$('.modal-backdrop').click(function(){
$(".loginModal,.modal-backdrop").remove();
});//隐藏
});//打开注册
2.子页面处理方式:
误区:$(window.parent.document).find('#regis').click();
正确处理方式: $前面加上parent
$('#login_res').on('click',function(){
parent.$(window.parent.document).find('#regis').click();
});//触发父页面打开注册事件
科普一下:
父页面访问子页面可以用:
$('#iframeID').contents().find('#元素id')
子页面访问父页面:
$(window.parent.document).find(""#元素id"); 或者:$("#元素id",window.parent.document);
相关文章推荐
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- js通过contentWindow控制iframe子页面元素点击事件,并把值传给父页面
- asp.net2003页面触发事件如何控制滚动条的位置
- HTML网页打印去掉页眉页脚,以及如何控制不想打印出的页面元素【梨城在线】
- iframe中的页面如何触发父页面事件
- 如何利用js 控制 页面元素的隐藏显示
- 如何防止鼠标移出移入子元素触发mouseout和mouseover事件
- 如何为页面动态生成的元素添加事件(如append()动态添加的标签)
- 父窗口jquery触发iframe按钮事件来改变父窗口元素值
- Javascript自动触发页面元素事件
- jQuery基础教程之如何注册以及触发自定义事件
- 如何利用jquery从父页面取到iframe里面的元素
- html中iframe子页面与父页面元素的访问以及js变量的访问
- 如何在HttpWebRequest 里面去触发一个页面的单击事件
- 赋予option元素点击事件后,点击select时却触发了option事件。如何解决?
- 如何控制iframe页面滚动?
- asp.net页面关闭的时候如何触发事件?
- iframe里面的元素触发父窗口元素事件的jquery代码 转
- 关于android BaseAdapter 中如何灵活控制listview 是否显示,是否有事件触发
- ifram高度自适应,获取iframe元素,控制父页面