Как получить идентификатор элемента при нажатии на него - javascript

Question

Я разрабатываю приложение холста, на котором пользователь может рисовать различные фигуры. Различные элементы рисуются с использованием d3.js. Я хочу использовать jsplumb для подключения двух элементов SVG, для которых мне нужен идентификатор каждого элемента при его нажатии. Каждый элемент имеет идентификатор, который генерируется кодом, когда он нарисован, и поэтому я не знаю его раньше.

Есть ли реализация javascript, с помощью которой я могу получить идентификатор элементов, на которые я нажимаю? Я бы не хотел, чтобы вы добавляли «каждый элемент, который нарисован на холсте».

Может кто-нибудь предложить способ сделать это?

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

Вы можете просто получить доступ к ID элемента, используя атрибуты этого элемента

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

Чтобы получить идентификатор щелкнули элемента:

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

Контейнер ваш холст идентификатор и droppedElement является переменной, которая захватывает элемент SVG или клон элемента SVG (если это ваш случай)