如何獲得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. 
     } 
    } 
})