logo

JavaScript събития

Промяната в състоянието на даден обект е известна като an Събитие . В html има различни събития, които показват, че дадена дейност се извършва от потребителя или от браузъра. Кога javascript кодът е включен в HTML, js реагира на тези събития и позволява изпълнението. Този процес на реагиране върху събитията се нарича Обработка на събития . По този начин js обработва HTML събитията чрез Обработчици на събития .

Например , когато потребител щракне върху браузъра, добавете js код, който ще изпълни задачата, която ще бъде изпълнена на събитието.

Някои от HTML събитията и техните манипулатори на събития са:

Събития с мишката:

Събитието е извършено Манипулатор на събития Описание
щракнете onclick Когато щракнете с мишката върху елемент
преминаване на мишката върху мишката върху Когато курсорът на мишката мине върху елемента
mouseout onmouseout Когато курсорът на мишката напусне елемент
mousedown onmousedown Когато бутонът на мишката е натиснат върху елемента
mouseup onmouseup Когато бутонът на мишката е освободен над елемента
движение на мишката onmousemove Когато се извършва движението на мишката.

Клавиатурни събития:

Събитието е извършено Манипулатор на събития Описание
Keydown & Keyup onkeydown & onkeyup Когато потребителят натисне и след това отпусне клавиша

Събития на формата:

Събитието е извършено Манипулатор на събития Описание
фокус на фокус Когато потребителят се фокусира върху елемент
Изпращане onsubmit Когато потребителят изпрати формуляра
размазване onblur Когато фокусът е далеч от елемент на форма
промяна onchange Когато потребителят модифицира или промени стойността на елемент на формуляр

Събития за прозорец/документ

Събитието е извършено Манипулатор на събития Описание
натоварване зареждане Когато браузърът приключи със зареждането на страницата
разтоварвам onunload Когато посетителят напусне текущата уеб страница, браузърът я разтоварва
преоразмеряване преоразмеряване Когато посетителят промени размера на прозореца на браузъра

Нека обсъдим някои примери за събития и техните манипулатори.

Щракнете върху Събитие

 Javascript Events 
Тествайте сега

Събитие MouseOver

 <p onmouseover="mouseoverevent()"> Keep cursor over me</p> 
Тествайте сега

Събитие на фокус

 Javascript Events <h2> Enter something here</h2> 
Тествайте сега

Keydown събитие

 Javascript Events <h2> Enter something here</h2> 
Тествайте сега

Заредете събитие

 Javascript Events <br> 
Тествайте сега