獲取點擊元素的ID

<html> 
<head> 

<script type="text/javascript"> 
function getElement(e) { 
    var element = e.target || e.srcElement; 
    alert(element.id); 
} 
</script> 

</head> 
<body onclick="getElement()"> 

<div id="div1"></div> 
<div id="div2"></div> 

</body> 
</html>

嘗試此操作以獲取單擊元素的ID並將其提醒。我確定這是我很想念的東西。獲取點擊元素的ID

任何人都可以幫忙嗎？

來源

2015-02-11 Daniel Williams

檢查錯誤控制檯。 – zerkms 2015-02-11 00:30:20

它實際上是非常基本的，停止使用內聯事件處理程序

<!DOCTYPE html> 
    <head> 
     <title>It works</title> 
    </head> 
    <body> 

     <div id="div1"></div> 
     <div id="div2"></div> 

     <script type="text/javascript"> 
      document.addEventListener('click', function(e) { 
       alert(e.target.id); 
      }, false); 
     </script> 
    </body> 
</html>

FIDDLE

來源

2015-02-11 00:31:28 adeneo

完美，謝謝。 – 2015-02-11 00:33:48

不客氣！ – adeneo 2015-02-11 00:39:13

在這種特殊情況下，實際上你需要在event對象發送（下面的例子）結合到onclick處理程序時。

但是，我強烈建議不要使用這種方法！

改爲使用document.addEventListener。

<html> 
 
<head> 
 

 
<script type="text/javascript"> 
 
function getElement(e) { 
 
    var element = e.target || e.srcElement; 
 
    alert(element.id); 
 
} 
 
</script> 
 

 
</head> 
 
<body onclick="getElement(event)"> 
 

 
<div id="div1">First Div</div> 
 
<div id="div2">Second Div</div> 
 

 
</body> 
 
</html>

來源

2015-02-11 00:33:17 Josh

獲取點擊元素的ID

回答

相關問題