javascript - ユーザーがiframe内でクリックした要素を見つけます

Question

を使用してHTMLエディターで作業していますiframe。ユーザーが追加された画像のサイズを変更できるようにしたいと思います。そのため、ユーザーが内部の画像をクリックするiframeと、リスナーが実行されます。しかし、それが私に与えるのは、クリックされた要素ではなく、bodyタグだけです。私はこれを多くの方法で試しましたが、どれもうまくいかないようです。

この領域の私のコードは次のとおりです。

//サイト表示はiframeです

//iframeBodyはiframe内のbodyのIDです

siteDisplay.document.getElementById('iframeBody').addEventListener("click", testForClicks, false); 


function testForClicks(){

 console.log(siteDisplay.document.activeElement);

 console.log(this);

 //both give me bodytag

}

要素をクリックするか、要素を強調表示する必要があります

どんな助けでも素晴らしいでしょう、ありがとう

Answer 1

強調表示された(またはアクティブな) 要素が必要な場合は、 Selection/ Range(リンク) APIを使用できます。

var selection = window.getSelection();
var range = selection.getRangeAt(0);
var firstNode = range.startContainer;
// etc.

Answer 2

iframe は、ウィンドウ内で開かれる個別のウィンドウのようなものです。そう、

iframe = document.getElementById('YourIframeId');
iframe.contentDocument.getElementById('innerIframeElementId').addEventListen......

これは機能します。また、iframe ウィンドウにアクセスする場合は、次のようにします。

iframe.contentWindow.

お役に立てれば。