SVG: Получить нажатый элемент

#javascript #html #angular #svg #snap.svg

#язык JavaScript #HTML #угловой #svg #привязка.svg

Вопрос:

Как получить конкретный элемент внутри SVG, по которому был сделан щелчок?

 this.svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg');   var s = Snap(this.svgEl);   var svgFromApi = (new DOMParser()).parseFromString("svg image from API", "image/svg xml");  s.clear();  s.append(svgFromApi.documentElement);  this.divElementRef.nativeElement.appendChild(this.svgEl);    this.svgElement.onclick = ()=gt; {   //Need to get on which element inside SVG it was clicked.   }  

Ответ №1:

Попробуйте это

 this.svgEl.onclick = (event) =gt; {   // event.target should contain the element that was clicked on }  

Комментарии:

1. Есть ли какой-нибудь способ проверить, что это за тип event.target? Например, это изображение или текст?

2. event.target.nodeName