Я не понимаю Использование addEventListener javascript

Question

Здравствуйте, я действительно застрял в получении дополнительной информации о addEventListener, может кто-нибудь, пожалуйста, укажите мне правильное направление, я хотел бы получить дополнительную информацию о том, какой тип аргумента может быть передан в параметр функции - это их веб-сайт или ссылка которые я могу просмотреть для всех доступных функций javascript и сказать мне, что принимает параметр. в приведенном ниже примере вызывается eventOne.addEventListener (), однако этот код взят в другом месте, и я не уверен, почему аргумент передается в параметр и почему функция без имени

var eventOne = document.querySelector("h1")

eventOne.addEventListener("mouseover", function () {
    eventOne.textContent = 'mouse over'
})

Answer 1

Каждый раз, когда вы взаимодействуете с окном браузера, возникает событие. Метод addEventListener прослушивает любое событие, о котором вы ему говорите. Идея этого метода заключается в том, что вы сообщаете своему браузеру: Эй, когда это происходит с этим элементом, выполните этот код.

Вот ссылка на все события, которые вы можете прослушивать.

Метод addEventListener принимает два аргумента:

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

Второй аргумент - это функция обратного вызова. Это функция, которая будет выполняться, когда это событие запускается для этого элемента DOM.

Вот более распространенный пример:

const heading = document.querySelector('h1');
heading.addEventListener('click', function () {
console.log("I have clicked the h1 tag")
})

Вы можете использовать этот tacti c для реализации logi c в ваш код, когда происходят определенные события. Это очень мощно.

Answer 2

Позвольте мне вкратце объяснить ... прежде чем я попрошу вас просто «погуглить» и начать читать.

«Когда что-то происходит», например, когда указатель мыши перемещается по чему-то, "событие" отправляется тому, с чем оно произошло ... и оно "пузырится" оттуда. Конечно, вы не можете предсказать, когда эти события произойдут, но вы можете «слушать» их.

Когда событие «прослушивается», происходит то, что указанное function() будет вызываться в это время с различными необязательными параметрами. (Кроме того, может произойти несколько дополнительных «JavaScript voodoo magi c» - введите в Google термин «закрытие».)

Итак, когда мышь проходит над этим объект, указанная функция будет вызываться в это время, и изменит textContent, как показано.

Теперь ... "прочь в Google!" Есть буквально тысяч статей по Inte rnet, которые объясняют это намного лучше, чем я. (Могу я порекомендовать: «w3schools.com. Там вы действительно можете« попробовать что-нибудь! »)