Чтобы получить элемент, по которому щелкнули, в JavaScript, вы можете использовать различные методы в зависимости от используемого вами контекста и подхода к обработке событий. Вот несколько часто используемых методов:
-
Прослушиватель событий с объектом события:
document.addEventListener('click', function(event) { var clickedElement = event.target; // Use the clickedElement as needed }); -
Атрибут onclick:
<button onclick="handleClick(event)">Click me</button> <script> function handleClick(event) { var clickedElement = event.target; // Use the clickedElement as needed } </script> -
Делегирование событий:
document.addEventListener('click', function(event) { if (event.target.matches('.your-selector')) { var clickedElement = event.target; // Use the clickedElement as needed } }); -
Использование jQuery:
$(document).on('click', function(event) { var clickedElement = event.target; // Use the clickedElement as needed }); -
Использование определенного селектора:
var elements = document.querySelectorAll('.your-selector'); elements.forEach(function(element) { element.addEventListener('click', function(event) { var clickedElement = event.target; // Use the clickedElement as needed }); });
Эти методы позволяют получить выбранный элемент в JavaScript на основе различных сценариев. Не забудьте заменить .your-selectorна желаемый селектор или имя класса.