美文网首页
给iframe 添加onclick事件

给iframe 添加onclick事件

作者: 繁华荆棘一路向北 | 来源:发表于2017-11-08 11:43 被阅读0次

首先 ,建立一个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(newthis.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 iinthis.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("iFrame"),function() { alert('a click'); });

相关文章

  • 给iframe 添加onclick事件

    首先 ,建立一个iframe对象,形成原型 varIframeOnClick={ resolution:200, ...

  • DOM事件模型

    onclick和addEventListener 关于onclick 不能同时添加多个onclick事件,后面添加...

  • 事件高级

    1. 事件绑定 给元素添加一个事件。//div.onclick = function(){};上面这种事件的添加方...

  • 2018-10-20

    1. 事件绑定 给元素添加一个事件。//div.onclick = function(){};上面这种事件的添加方...

  • (四)react事件

    一、 添加点击事件onClick 点击事件传递参数 二、es6语法传参 添加点击事件onClick 点击事件传递参数

  • React map生成元素添加点击事件绑定this

    问题 使用.map(function(Item)生成元素添加onClick事件:onClick={this.pro...

  • Java Script 事件&Dom对象

    三、事件 1、事件绑定方式 (1)在标签中添加绑定事件 (2)获取标签节点,给标签对象设置onclick方法 2、...

  • javascript

    给页面做的生动 添加动态效果; 事件:当需求人的操作 onclick=“”; 点击 alert(内容); ...

  • iframe和html交互

    iframe传递事件给html html传递事件给iframe 刷新浏览器窗口方式

  • React中如何实现给iframe绑定onClick事件

    如果要在React中引入外部界面, 可以考虑使用iframe标签. 特别是当重构某个项目, 变成React技术架构...

网友评论

      本文标题:给iframe 添加onclick事件

      本文链接:https://www.haomeiwen.com/subject/pememxtx.html