如何獲得一個元素的id點擊它時 - javascript

Question

我正在開發一個用戶可以繪製各種形狀的畫布應用程序。使用d3.js繪製各種元素。我想用jsplumb連接兩個SVG元素，當我點擊它時需要每個元素的id。每個元素都有一個由代碼在繪製時生成的id，因此我不知道它是否在手。

是否有一個JavaScript實現，我可以得到我單擊的元素的ID？我不希望在畫布上繪製的每個元素上添加「'。

任何人都可以提出一種方法來做到這一點？

Answer 1

您可以使用類似這樣

<script type='text/javascript'> 
    doClick = function (sender){ 
    alert(sender.id); 
} 
</script> 

<div id='a1' onclick='doClick(this)'>div1</div> 
<div id='a2' onclick='doClick(this)'>div2</div> 

https://jsfiddle.net/dy47dbvp/3/

Answer 2

您可以使用該元素的屬性

var elemID = droppedElement.attr('id'); 

要獲得點擊元素的ID簡單地訪問一個元素的ID：

$('#container').on('click', '.droppedElement', function (e) { 
     var elemID = droppedElement.attr('id'); 
} 

容器是你的畫布ID和droppedElement是捕獲的SVG元素或SVG元素的副本（如果這是你的情況下）