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

1. addEventListener(): этот метод позволяет прикрепить прослушиватель событий к указанному элементу, прослушивая возникновение определенного события. Он обеспечивает гибкость в обработке нескольких прослушивателей событий в одном элементе.

Пример:

const button = document.querySelector('#myButton');
button.addEventListener('click', () => {
  // Event handling logic here
});

2. onclick: это встроенный атрибут обработчика событий, который можно добавить непосредственно в элемент HTML. Он выполняет функцию JavaScript при нажатии на элемент.

Пример:

<button onclick="myFunction()">Click me</button>

3. onkeydown: это событие срабатывает при нажатии клавиши.

Пример:

document.addEventListener('keydown', (event) => {
  if (event.key === 'Enter') {
    // Event handling logic here
  }
});

4. onsubmit: это событие срабатывает при отправке формы.

Пример:

const form = document.querySelector('#myForm');
form.addEventListener('submit', (event) => {
  event.preventDefault(); // Prevents the form from being submitted
  // Event handling logic here
});

5. onmouseover: это событие срабатывает, когда указатель мыши перемещается над элементом.

Пример:

const element = document.querySelector('#myElement');
element.addEventListener('mouseover', () => {
  // Event handling logic here
});

Это всего лишь несколько примеров методов прослушивания событий в JavaScript. В зависимости от вашего конкретного варианта использования доступно гораздо больше событий и методов.