查找用戶在iframe中單擊的元素

Question

我正在使用iframe編寫HTML編輯器，我希望用戶能夠在添加後調整圖像大小。所以當用戶點擊iframe裏面的圖片時，有一個監聽器正在運行。但它給我的只是身體標籤，而不是點擊的元素。我已經嘗試了很多方法，但似乎沒有任何工作。

我這個區號是：

//網站顯示的iframe

// iframeBody是theid bodyinside iframe的

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. 

希望這有助於。