События - это действия или события, которые происходят в системе. В мире программирования события - это то, что происходит с элементами HTML. Но когда используется в HTML-страницах, он может реагировать на эти события. В этой статье мы увидим, какие типы событий существуют в JavaScript и как они работают, в следующей последовательности:
Что такое события в JavaScript?
В Javascript есть события, которые обеспечивают динамический интерфейс для веб-страницы. Эти события связаны с элементами в Объектная модель документа (ПРИГОВОР).
Кроме того, эти события по умолчанию используют восходящее распространение, т. Е. Вверх по DOM от дочерних к родительским. Мы можем связывать события как встроенные, так и внешний скрипт. С помощью JavaScript вы можете определять, когда происходят определенные события, и вызывать какие-то события в ответ на эти события.
Типы событий в JavaScript
Есть разные типы событий в которые используются для реакции на события. Здесь мы обсудим некоторые из известных или наиболее часто используемых событий, таких как:
- По щелчку
- Onkeyup
- При наведении курсора на
- В процессе
- Onfocus
Итак, давайте продолжим и посмотрим на эти события в JavaScript на примере.
Событие Onclick
Событие Onclick является событием мыши и вызывает любую определенную логику, если пользователь щелкает элемент, к которому он привязан. Давайте возьмем пример и посмотрим, как это работает:
function edu () {alert ('Добро пожаловать в Edureka!')} Нажмите кнопку
Вывод:
После нажатия кнопки вы получите следующее предупреждающее сообщение:
Событие Onekeyup
Это событие является событием клавиатуры и используется для выполнения инструкций при отпускании клавиши после нажатия. Следующий пример показывает работу события:
var a = 0 var b = 0 var c = 0 function changeBackground () {var x = document.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + ',' + b + ',' + c + ')' a + = 1 b + = a + 1 c + = b + 1 if (a> 255) a = a - b if (b> 255) b = a if (c> 255) c = b}
Вывод:
как сделать словарь на java
После того, как вы что-то напишите, это будет выглядеть так:
Onmouseover событие
Событие onmouseover в JavaScript соответствует наведению указателя мыши на элемент и его дочерние элементы, к которым он привязан. Пример показан ниже:
функция hov () {var e = document.getElementById ('hover') e.style.display = 'none'}
Вывод:
Цветная рамка появляется перед наведением курсора мыши. Как только вы наведете указатель мыши на поле, оно исчезнет.
Событие загрузки
Событие onload вызывается, когда элемент полностью загружен. Давайте возьмем пример и посмотрим, как это работает:
Вывод:
Событие Onfocus
Событие Onfocus имеет список элементов, который выполняет инструкции всякий раз, когда получает фокус. В следующем примере показано, как работает событие onfocus:
функция focus () {var e = document.getElementById ('input') if (confirm ('Focus Event')) {e.blur ()}}Фокус в поле ввода:
Вывод:
Это одни из наиболее часто используемых событий в JavaScript. На этом мы подошли к концу нашей статьи. Надеюсь, вы поняли, что такое события и как они используются.
Ознакомьтесь с нашими который включает в себя живое обучение под руководством инструктора и реальный проектный опыт. Это обучение поможет вам овладеть навыками работы с серверными и интерфейсными веб-технологиями. Он включает обучение веб-разработке, jQuery, Angular, NodeJS, ExpressJS и MongoDB.
Есть вопрос к нам? Пожалуйста, отметьте это в разделе комментариев этого блога, и мы свяжемся с вами.