Получить элемент, по которому кликнули, в JavaScript

Чтобы получить элемент, по которому щелкнули, в JavaScript, вы можете использовать различные методы в зависимости от используемого вами контекста и подхода к обработке событий. Вот несколько часто используемых методов:

  1. Прослушиватель событий с объектом события:

    document.addEventListener('click', function(event) {
     var clickedElement = event.target;
     // Use the clickedElement as needed
    });
  2. Атрибут onclick:

    <button onclick="handleClick(event)">Click me</button>
    <script>
     function handleClick(event) {
       var clickedElement = event.target;
       // Use the clickedElement as needed
     }
    </script>
  3. Делегирование событий:

    document.addEventListener('click', function(event) {
     if (event.target.matches('.your-selector')) {
       var clickedElement = event.target;
       // Use the clickedElement as needed
     }
    });
  4. Использование jQuery:

    $(document).on('click', function(event) {
     var clickedElement = event.target;
     // Use the clickedElement as needed
    });
  5. Использование определенного селектора:

    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на желаемый селектор или имя класса.