Промяната в състоянието на даден обект е известна като 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>Тествайте сега