2016-07-22 146 views
0

因此,情況如下。 我有作爲容器對所有類型的其他元素(特別是<a hre0="..."><img ...></img></a><iFrame>標記)的div元素:Javascript:獲取div標籤內任意元素的點擊目標

<div id="myDiv"> 

所以基本上,我想做的事是讓點擊目標(如適用)在這個div標籤中的所有類型的元素,假設總是隻有一個指定目標的點擊。

說得明智的UI:我想看到當用戶將光標懸停在元素上時用戶看到的目標鏈接。

是否有一個通用的方法來實現這一目標?

+0

這將不可能,例如捕捉跨越原始iframe的點擊事件目標(如果此特定頁面未專門處理)。否則,只需檢查'$(event.target).closest('[href]')。prop('href')' –

+0

不知道是否理解了一個問題,但也許你需要像這樣的東西:https:// jsfiddle .net/kshqtv8j/2/ –

+0

或vanilla.js:https://jsfiddle.net/2years50/1/ –

回答

0

這聽起來像你想要做的是找到你的包裝div的所有子元素,然後循環他們獲得'href'屬性。例如:

var children = document.getElementById('myDiv').children; 

for (var i = 0; i < children.length; i++) { 
    var childElement = children[i]; 
    var destination = childElement.href; 

// do whatever you want with destination here. You can also get the associated IDs etc. 

} 

未經測試,但應該工作。

+0

謝謝,它適用於img標籤,但對於從另一個域交付的iFrame標籤,它不起作用。任何其他建議? – mrb