я думал оверлей это костыль (

думал современное программирование через обекты и события

Не. Диспатч кастомного ивэнта - вот что костыль. Закрытие по клику на невидимый (или видимый, не важно) элемент куда "нативнее".

Современное программирование - это максимально простые, лаконичные и расширяемые решения.

Хотя система событий именно что расширяема, но здесь, это избыточно.

Я позволил себе удариться во вкусовщину, за что пардон. Если есть аргументы в пользу ткого подхода - можем подискутировать.

у меня таблица с редактированной ячейкой и отменой редактирования я сначала поверх кнопки сделал применить отменить . но в таблице както стремно смотрится решил отмену убрать и вот в проблему уперся.а оверлей там невпихнешь

Всем привет. Может кто-то знает как создается SVG анимация на сайте? С помщью каких програм прорисовывается?

Тогда на фокусах можно провернуть. Делаешь любой элемент у которого есть фокус (я обычно кнопку использую) - надо что то показать, программно фокусишь её, она сама будет слушать обытия клика вне её габаритов и терять фокус, соответсвенно можно к этому моменту прислушаться и будет работать. Почти нативно.

оу спасибо надо попробовать ) типо onblur ?

Дружище - это гуглится.

Ага.)

Погуглив я нашел snapsvg библиотеку. Хотел спросить здесь у людей может кто-то еще что-то подскажет, либо убедиться, что это именно то, что мне нужно.

Removed msg from Владимир Журавлев. Reason: new user + external link (?)

про event я уже и msdn почитал да если вызывать из боди и нем же слушать или из документа, то оно выстреливает, а вот из обекта чет не получается

Ну тогда смотри - нужно исходить из требований к анимации. SnapSVG - хорошая библиотека. Она оптимизированная и удобная. Но весит много - что бы её использовать оправданно нужно писать что то большое и производительное. Мелкие анимации можно вполне на CSS-аниациях пилить. Типа @keyframes накручиваешь и норм - это если надо цвета, позиции поменять. Саму форму графики так не поменяешь. Так что надо на требования смотреть.

Нативные ивэнты требуют target - элемент на котором они будут "вызываться". Это DOM-механика и используется неотрывно от DOM-элементов. Если хочется сделать систему событий оторванную от DOM, то придется реализовывать паттерн Publisher/Subscriber - он простой, но решает такого рода проблемы.

Ну вот к примеру есть вот такой лендинг - https://fir-lushbury.firebaseapp.com/ там в одном блоке карта нарисована с тегами svg, path, ... в коде. Нашел кода JS который отвечает за работу карты. Для создания такой или подобной, что посоветуете SnapSVG?

ну пусть на document все и вызываются почему другой обект то их не видит тут у меня пробел в знаниях

начал думать если у меня инпут и кнопка , я перемещаю фокус с инпута на кнопку, то тогда как текст вводить доп проверку делать что это не инпут