|
Събития, при които може да се стартира скрипт
Както вече бе споменато, скрипт може да бъде стартиран при наличието
на определено събитие. По-долу са разгледани различни видове събития
както и кога възникват:
|
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”
Възниква, когато стойността на елемент се промени. |
Примерите по-долу показват как се осъществява стартирането на скрипт
при възникването на определено събитие:
Пример:
В този пример userName e задължително текстово поле. Когато
потребител се опита да го остави празно се извиква събитието onblur,
което стартира JavaScript функция за потвърждение, че userName
има допустима стойност.
<INPUT NAME="userName" onblur="validUserName(this.value)">
Пример:
<INPUT NAME="num" onchange="if (!checkNum(this.value, 1, 10))
{this.focus();this.select();} else {thanks()}" VALUE="0">
Пример:
JavaScript пример за събитие извикано от скрипт:
<BUTTON type="button" name="mybutton" value="10">
<SCRIPT type="text/javascript">
function
my_onclick() {
. . .
}
document.form.mybutton.onclick
= my_onclick
</SCRIPT>
</BUTTON> |