欢迎您来到,李雷博客 | PHP博客        登录  |  注册

iframe框架页增加onclick事件的监听方法

更新:2022-02-21 12:18:58
人气:1259
来源:本站整理
A+

在页面中增加事件的监听很容易,但对于框架页中增加onclick就没有任何动作反应了,也是经过百度查询找到了解决办法。具体代码分享如下:

HTML页面中的iframe框架:

<iframe src="www.mdaima.com.html" id="Frame_chajian" name="Frame_chajian" frameborder="0" scrolling="no" ></iframe>

JS代码:

<script>
	//框架iframe事件监听
	var IframeOnClick = {  
		resolution: 200,  
		iframes: [],  
		interval: null,  
		Iframe: function() {  
			this.element = arguments[0];  
			this.cb = arguments[1];   
			this.hasTracked = false;  
		},  
		track: function(element, cb) {  
			this.iframes.push(new this.Iframe(element, cb));  
			if (!this.interval) {  
				var _this = this;  
				this.interval = setInterval(function() { _this.checkClick(); }, this.resolution);  
			}  
		},  
		checkClick: function() {  
			if (document.activeElement) {  
				var activeElement = document.activeElement;  
				for (var i in this.iframes) {  
					if (activeElement === this.iframes[i].element) { // user is in this Iframe  
						if (this.iframes[i].hasTracked == false) {   
							this.iframes[i].cb.apply(window, []);   
							this.iframes[i].hasTracked = true;  
						}  
					} else {  
						this.iframes[i].hasTracked = false;  
					}  
				}  
			}  
		}  
	};  
	
	IframeOnClick.track(document.getElementById("Frame_chajian"), function() { mdaima() }); //mdaima()为要执行的事件
	</script>


推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2024 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4