Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.06.2019, 21:01
Новичок на форуме
Отправить личное сообщение для dimpase Посмотреть профиль Найти все сообщения от dimpase
 
Регистрация: 03.12.2018
Сообщений: 3

SVG обработка событий <rect>
Приветствую. Есть <object> с подключенным svg
в svg есть контейнеры <rect>, подскажите как отловить события по нажатию на контейнер и поучить текущай id, спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 27.06.2019, 22:52
Новичок на форуме
Отправить личное сообщение для dimpase Посмотреть профиль Найти все сообщения от dimpase
 
Регистрация: 03.12.2018
Сообщений: 3

Вобщем решил по другому, не вставляя <object> ом , а напрямую <svg>, просто перенес данные из SVG файла в область SVG на странице и доступ стал осуществляться как к обычным элементам. Это конечно костыльный подход но более другого метода я не нашел как быстро достучаться до них
Ответить с цитированием
  #3 (permalink)  
Старый 28.06.2019, 01:53
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,190

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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Множественная обработка событий Nlk Events/DOM/Window 9 25.09.2018 16:36
предварительная обработка графики SVG lizard1111 Элементы интерфейса 5 06.03.2017 18:21
ie и другие браузеры - обработка событий torsar Javascript под браузер 1 24.05.2014 19:29
JQuery отложенная обработка событий hover DemonWather jQuery 2 09.03.2011 08:01
svg. обработка событий amigo* Элементы интерфейса 0 23.06.2010 21:31