Получить HTML-элемент, в котором произошел щелчок мышью?

Question

В javascript я хотел бы иметь возможность определить элемент на HTML-странице, в которой происходит щелчок мышью.Обратите внимание, что к элементам не будет прикреплен прослушиватель событий.

В основном: курсор где-то на странице, пользователь щелкает мышью, захватывает событие щелчка мыши, получает элемент, в котором произошел щелчок.Возможно ли это?

Один из подходов, о которых я подумал, - это получить координаты x, y события click, выполнить итерацию по DOM, получить позиции для каждого элемента и найти самый внутренний элемент, содержащий click.событие.Хотя это звучит немного скучно - поэтому мне было интересно, есть ли другой способ.

Answer 1

http://www.quirksmode.org - очень хороший сайт, который многое объясняет о событиях.

Специально для вашего вопроса: Свойства события - Какой элемент HTML является целью события? .

В Internet Explorer вы можете получить элемент из объекта event с помощью event.srcElement ^{[документы]} и во всех других браузерах с помощью event.target ^{[документы]} .

Также см. Обходной путь «Ошибка Safari» в примере, на который я ссылался (хотя я не знаю, существует ли он и / или в какой версии Safari).

Answer 2

Попробуйте event.target . На этой странице есть пример, который показывает, как его использовать.