2017-09-18 5 views
0

javascriptを使用してiframe読み込みコンテンツのクリックされた要素の内部HTMLコンテンツを取得したいと思います。iframe要素のボタンをクリックする方法javascript

作業jqueryのコード

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

     }); 
    }); 

答えて

3

あなたのアプローチは機能しません。以下のメソッドを使用してclickイベントを通知します。親の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. 
     } 
    } 
}) 

(IFRAME
内部にある )託児HTMLで

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

関連する問題