169 похожих чатов

Можете объяснить. Мне нужно было, чтобы модальное окно закрывалось при

клике не на него. Я на гуглил следующий код:

var specifiedElement = document.getElementById('a');

//I'm using "click" but it works with any event
document.addEventListener('click', function(event) {
var isClickInside = specifiedElement.contains(event.target);

if (!isClickInside) {
//the click was outside the specifiedElement, do something
}
});
getElementById – здесь указываешь айдишник элемента в твоем случае это видео

if (!isClickInside) {
// Здесь то, что нужно делать, когда кликнул вне элемента
}

настроил его под свои нужды, все работает все ок. Но я не понимаю как он работает. Читал про event.target на разных сайтах, ничего не понял. Можете объяснить простыми словами что это такое?

1 ответов

8 просмотров

event.target дословно переводится как событие.цель в твоем случае событие - это клик, а цель - это элемент куда ты кликнул и в этом коде выше происходит следующее var isClickInside = specifiedElement.contains(event.target); если элемент по которому ты кликнул совпадает с элементом specifiedElement значит ты кликнул по самому specifiedElement. И тогда ничего не происходит

Похожие вопросы

Обсуждают сегодня

Вопрос по диагностике ошибок (я знаю в чем, в данном конкретном примере, я знаю, как исправить, пример модельный, понятно, что в реальности бывает намного запутаннее). module...
ⰄⰎⰋⰐⰐⰑⰛⰤⰧⰧⰩⰄ ⰊⰑⰁⰓⰡⰛⰦⰕⰫ
10
А чем вам питонисты не угодили?😂
.
79
Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
48
Есть предложения, как подобное можно упростить?
Hemul GM
12
type TObj = object procedure Init; virtual; end; TObj1 = object(TObj) procedure Init; override; end; procedure TObj1.Init; begin inherited; end; procedur...
Alexander 👋
29
У меня вопросик назрел. Почему, создав класс без наследования и реализации деструктора Destroy, деструктор не вызывался при free. Потом указал наследование от tobject и overri...
Сергей Бычков
9
@y0zhig @shizzard А можно я опишу цель и может вообще ерланг мне не подходит. На текущий момент как я понимаю у ерланга есть легковесные потоки и задача выполняется в каком т...
Дмитрий Спиридонов
5
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
86
Такой вопросец - есть функция function MySuperDuperConcat(const a: array of AnsiString): AnsiString; Как мне в её теле сделать вот так? Result:=Concat(a); А не грустный вариан...
notme
15
just use free version ?? pycharm has a free version
Fan / Ac
9
Карта сайта