document.querySelector('#full__page').onclick = function(e) {
alert(e.target.id);
if (!e.target.classList.contains('modal__btn')) return;
modal(e.target.id);
};
<button id='modal__close' class='modal__btn'>
<svg class="header__svg" id="header__menu__svg">
<use id="header__menu__use" xlink:href="#close__icon"></use>
</svg>
</button>
function header__autorization__open__event () {
var modal__btns = document.getElementsByClassName("modal__btn");
var index;
var modal__btn;
if (modal__btns !== null) {
for (index = 0; index < modal__btns.length; index++) {
modal__btn = modal__btns[index];
<b>modal__btn.removeEventListener(click', function () {modal(this.id)})</b>,
modal__btn.addEventListener('click', function () {modal(this.id)});
}
}
}
modal__btn.addEventListener('click', function () {modal(this.id)});
Ну как вариант, действительно невидимые button и svg, click по use. Ну этот вариант после второй по предпочтению после объявления одинаковых классов.