如何获得iframe元素按钮点击javascript

Question

我想要获取iframe中使用javascript加载的内容中单击元素的内部html内容。

工作jQuery代码

var elems = document.getElementsByTagName('iframe'); 
    [].forEach.call(elems, function(el) {  
     $iframe = $(el.contentWindow.document); 
     $iframe.find("body").click(function(e){ 
      console.log(e); 

     }); 
    }); 

Answer 1

你的做法是行不通的。使用下面的方法来传达点击事件。

在子HTML（其是的IFRAME内部）

$('body').on('click', function(){ 
    var type = 'bodyClick'; 
    var event = new CustomEvent('frameClick', { detail: type }) 
    window.parent.document.dispatchEvent(event) 
}) 

在父HTML（其具有插入的IFRAME的HTML）

$(document).ready(function(){ 
    window.document.addEventListener('frameClick', handleEvent, false) 
    function handleEvent(e) { 
     if(e.detail=="bodyClick") { 
     //you can write your code here. 
     } 
    } 
})