SVG обработка событий <rect>

[dimpase]

Приветствую. Есть <object> с подключенным svg
в svg есть контейнеры <rect>, подскажите как отловить события по нажатию на контейнер и поучить текущай id, спасибо!

[dimpase]

Вобщем решил по другому, не вставляя <object> ом , а напрямую <svg>, просто перенес данные из SVG файла в область SVG на странице и доступ стал осуществляться как к обычным элементам. Это конечно костыльный подход но более другого метода я не нашел как быстро достучаться до них

[Malleys]

dimpase,

<object data="00005200.svg" type="image/svg+xml"></object>
<object data="00005201.svg" type="image/svg+xml"></object>
<object data="00005207.svg" type="image/svg+xml"></object>

<script>
	for(const svgObject of document.querySelectorAll("object[type='image/svg+xml']")) {
		svgObject.contentWindow.addEventListener("click", event => {
			console.log(event.target.id);
		});
	}
</script>