javascript - 如何获取iframe元素按钮点击javascript

Question

我想使用 javascript 获取 iframe 加载内容中单击元素的内部 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.
      }
    }
})