iframe页面事件，递归获取所有iframe

悠悠 2023-02-20 02:53 37阅读 0赞

function setMenuClick(){
    		$(window).bind('click', function(e) {
    			var e = e || window.event; //浏览器兼容性 
    			var elem = e.target || e.srcElement;
    			while (elem) {
    				if (elem.id && (elem.id == 'nav_menu')) {
    					return;
    				}
    				elem = elem.parentNode;
    			}
    			$(".nav_menu ul li").each(function(){
    				$(this).attr("class","");
    			});
    		});
    		
    		var iframeList = [];
    		var recursionIframe = function(doc){
    			var iframeTemp = doc.getElementsByTagName("iframe");
    			debugger;
    			if(iframeTemp && iframeTemp.length>0){
    				for(var k=0; k<iframeTemp.length; k++){
    					var iframe = iframeTemp[k].contentDocument;
    					iframeList.push(iframe);
    					recursionIframe(iframe);
    				}
    			}
    		}
    		recursionIframe(document);
    		for(var i=0; i<iframeList.length; i++){
    			var iframe = iframeList[i];
    			iframe.addEventListener('click', function(e) {
    				debugger;
    				var e = e || window.event; //浏览器兼容性 
    				var elem = e.target || e.srcElement;
    				while (elem) {
    					if (elem.id && (elem.id == 'nav_menu')) {
    						return;
    					}
    					elem = elem.parentNode;
    				}
    				$(".nav_menu ul li").each(function(){
    					$(this).attr("class","");
    				});
    			});
    		}
    	}

发表评论取消回复

表情：

评论列表（有 0 条评论，37人围观）

还没有评论，来说两句吧...

相关阅读

相关 iframe 页面刷新

1.点击刷新 \[1\].html页面代码 <a href="javascript:;" title="刷新当前页" id="Refresh" style=

绝地灬酷狼/ 2023年06月03日 04:57/ 0 赞/ 29 阅读

相关 iframe页面事件，递归获取所有iframe

function setMenuClick(){ $(window).bind('click', function(e) { var e

悠悠/ 2023年02月20日 02:53/ 0 赞/ 38 阅读

相关 iframe父子页面通信

iframe获取当前子页面url parent.document.getElementById("ID name").contentWindow.location

冷不防/ 2022年12月23日 13:28/ 0 赞/ 266 阅读

相关 iframe子页面获取父页面的文本值

iframe子页面获取父页面的文本值子页面直接获取： var yearMin = $(’\yearMin’, parent.document).val();

浅浅的花香味﹌/ 2022年03月20日 05:21/ 0 赞/ 402 阅读

相关 html页面中嵌套iframe与不嵌套iframe获取元素的不同方式

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI1

青旅半醒/ 2022年02月03日 06:55/ 0 赞/ 493 阅读

相关用iframe完成页面嵌套

用iframe完成页面嵌套作者：吱韩菌开发工具：Visual Studio 2015 撰写时间：2019-5-31 今天要给大家展示的是如何运用iframe标签

冷不防/ 2022年01月21日 08:27/ 0 赞/ 1885 阅读

相关 iframe子页面获取父页面的点击事件

子页面a.php代码如下： <a href="ad.php" id="pic_ad" target="_blank"><img src="/upload/ad/luc

古城微笑少年丶/ 2021年10月30日 06:50/ 0 赞/ 490 阅读

相关 iframe页面获取父页面的dom节点

一、目的后台管理系统嵌套了很多iframe页面，想要取得父页面的元素，需要特殊的写法，总是记不住，写下来方便寻找 // eg：iframe页面找父页面

清疚/ 2021年09月15日 11:38/ 0 赞/ 462 阅读

相关 vue页面中嵌入iframe外源地址页面监听iframe 中事件

1.需求 vue中需要嵌入iframe 地址是第三方的当iframeh中页面点击的时候.vue需要监控到这个事件将本页面关闭.代码中 js 发送和接收方法 //

末蓝、/ 2021年08月26日 23:35/ 1 赞/ 2979 阅读

相关如何监控iframe里面页面的点击事件

根据浏览器同源策略，如果iframe中是一个跨域的页面，那么在父页面中无法监听到iframe页面中的所有行为。最近在看论坛，发现了一个变通的办法——监听鼠标停留在

╰半橙微兮°/ 2021年06月24日 14:34/ 0 赞/ 3108 阅读