Прежде всего, если вы заинтересованы в том, чтобы присоединиться к нашему бесплатному сеансу, чтобы ответить на ваши вопросы о программировании и карьере. Пожалуйста, заполните эту форму, чтобы присоединиться к сообществу CODE Culture Pro https://forms.gle/kjU3PWhwQy16Tghe9
Вот третья часть моей серии вопросов для интервью по JavaScript. Если вы еще не видели часть 1 и часть 2, зайдите в мои руководства по профилю, и вы найдете серию.
Если вам понравился этот пост, пожалуйста, поставьте лайк и поделитесь им с другими. Я буду очень признателен.
Давайте посмотрим на другие вопросы, которые вам могут задать на собеседованиях по JavaScript, и их ответы.
1. Что такое вспучивание событий в JS?
Всплытие событий — это термин в DOM, где событие, которое получает элемент, всплывает (передается) своим родительским элементам и элементам-предкам (вверх по дереву DOM).< br /> Посмотрите на этот пример.
Кнопка является дочерним элементом диапазона, который является дочерним элементом div.
//Код
‹div›
‹span›
‹button›Click Me !‹/button›
‹/span›
‹/div›
Когда вы нажимаете кнопку, событие всплывает на элемент span и элемент div (предки ). Таким образом, элемент div также может обрабатывать такое событие (которое первоначально произошло на кнопке) из-за всплытия событий.
2. Что такое делегирование событий?
Делегирование событий — это концепция (основанная на пузырьковом воспроизведении событий), которая позволяет обрабатывать события в родительском элементе, а не в исходном элементе, который получает событие. По сути, вы делегируете обработку этого события родительскому элементу.
//Код
‹div id="div"›
‹button›Нажми на меня!‹/button›
‹button›Также нажми на меня!‹/button›
‹/ div›
//Код
const div = document.getElementById(“div”)
div.addEventListener(“click”, () =› {
console.log(“ кнопка нажата")
})
В этом примере вы видите, что мы делегируем обработку события клика в div. Итак, когда нажимается первая или вторая кнопка, div обрабатывает событие. Это может быть лучше, чем добавление обработчика событий к двум кнопкам.
3. Поделитесь тремя способами обработки событий в JS?
Встроенные обработчики событий: где функция обработки прикреплена к атрибуту события в элементе.
//Код
‹button onclick= ”handler()”›‹/button›
AddEventListener: этот метод для объектов элементов позволяет добавлять функции для событий.
//Код
const button = document.getElementById («кнопка»)
button.addEventListener («клик», обработчик)
Свойство обработчика событий: вы можете назначать обработчики функций свойствам событий объекта элемента.
//Код
const button = document.getElementById(“button”)
button.onclick= handler
4. Какова функция event.preventDefault?
Некоторые элементы имеют поведение по умолчанию, когда для них инициируется событие. Например, когда вы отправляете форму, она отправляет данные формы на URL-адрес, который вы указываете в атрибуте действия формы. Когда вы щелкаете ссылку, браузер переходит к значению атрибута href.
Метод event.preventDefault останавливает это поведение по умолчанию.
При использовании этого метода нажатие на такую ссылку ничего не делает. (без навигации).
//Код
const link = document.getElementById("ссылка")
link.addEventListener("click", (event) =› {
event .preventDefault()
})
5. Какова функция event.stopPropagation?
Этот метод останавливает распространение событий (в случае всплытия событий).
В некоторых случаях вы не хотите, чтобы родительский элемент получал событие, которое получает дочерний элемент. При использовании stopPropagation для события дочернего элемента это событие не будет передаваться его родителю или предкам.
Здесь элемент div больше не будет получать событие щелчка.
//Код
‹ div›
‹button id="button"›‹/button›
‹/div›
//Код
const button = document.getElementById(“button”)
button.addEventListener("щелчок", (событие) =› {
event.stopPropagation()
})
Если у вас есть какие-либо вопросы относительно чего-либо. Просто напишите мне в Instagram по адресу https://www.instagram.com/codeculturepro/ или по адресу [email protected].
