Основните събития в JavaScript представляват действия, които се извършват върху Web страницата. За да се разбере какви събития настъпват се използват
специални методи дефинирани в JavaScript. Чрез тези методи събитията се прихващат и се изпълнява желаното действие. Събитията допустими в JavaScript са:
 |
ONLOAD=”SCRIPT”
Възниква, когато браузъра завърши зареждането на прозорец
или фреймове във <FRAMESET>. |
|
ONUNLOAD=”SCRIPT”
Възниква, когато браузъра затвори прозорец или фрейм. |
|
ONCLICK=”SCRIPT”
Възниква при натискане с мишката върху елемент. |
|
ONBLCLICK=”SCRIPT”
Възниква при натискане на два пъти с мишката върху елемент. |
|
ONMOUSEDOWN=”SCRIPT”
Възниква, когато бутона на мишката е натиснат върху елемент. |
|
ONMOUSEUP=”SCRIPT”
Възниква, когато бутона на мишката се отпусне върху елемент. |
|
ONMOUSEOVER=”SCRIPT”
Възниква, когато мишката премине върху елемент. |
|
ONMOUSEMOVE=”SCRIPT”
Възниква, когато мишката се движи докато е върху елемент. |
|
ONMOUSEOUT=”SCRIPT”
Възниква, когато мишката излезе извън елемент. |
|
ONFOCUS=”SCRIPT”
Възниква, когато елемента придобие фокус. |
|
ONBLUR=”SCRIPT”
Възниква, когато елемента загуби фокус. |
|
ONKEYPRESS=”SCRIPT”
Възниква, когато е натиснат и отпуснат клавиш върху елемента. |
|
ONKEYDOWN=”SCRIPT”
Възниква, когато е натиснат клавиш върху елемента. |
|
ONKEYUP=”SCRIPT”
Възниква, когато е отпуснат клавиш върху елемента. |
|
ONSUBMIT=”SCRIPT”
Възниква, когато се подават данни от форма. Прилага се само
към <FORM> елемент. |
|
ONRESET=”SCRIPT”
Възниква, когато се изчиства форма. Прилага се само към <FORM>
елемент. |
|
ONSELECT=”SCRIPT”
Възниква, когато потребителят избере текст или текстово поле. |
|
ONCHANGE=”SCRIPT”
Възниква, когато стойността на елемент се промени. |
Следващият пример реализира три от най-използваните събития - щракване
върху обект (onClick), зареждане на страница и излизане от
нея (съответно onLoad и onUnload):
<HTML>
<HEAD>
<TITLE>Пример за прихващане на събитие</TITLE>
<SCRIPT language="JavaScript">
function
changeColor(color) {
document.bgColor=color
}
</SCRIPT>
</HEAD>
<BODY onload=alert("Здравейте") onUnload=alert("Довиждане")>
<h1><center>Натискайки
бутоните променяш цвета на фона!</center>
</h1>
<form>
<input
type=button value="Син" onClick="changeColor('blue')"><br>
<input
type=button value="Червен" onClick="changeColor('red')"><br>
<input
type=button value="Жълт" onClick="changeColor('yellow')"><br>
<input
type=button value="Зелен" onClick="changeColor('green')"><br>
<input
type=button value="Неви" onClick="changeColor('#000080')"><br>
<input
type=button value="Акуа" onClick="changeColor('#00FFFFF')">
</form>
</BODY>
</HTML>
