Събития

С помощта на javascript можете да следите какво става на страницата ви. Например посочването с мишката върху някаква картинка е събитие. Кликването върху картинката е друго събитие и т.н.

  • Javascript обработва събитията с т. нар. манипулатори на събития. Така при кликване ще се извика манипулатора onClick, при посочване onMouseover и т.н.
  • Структурата на манипулаторите на събития е следната:

onСъбитие=(оператори)

Където Събитие е името на събитието,  а в скобите са операторите които ще се изпълнят при възникване на събитието.

Самия манипулатор на събитието може да бъде извън таговете <SCRIPT></SCRIPT>. Можете да го сложите например в така <А> .

  • Вижте един пример, при който създаваме хипервръзка и като посочите с мишката върху нея се показва alert прозорец с обяснение за връзката:

<A href=“http://pmg.icon.bg&#8220; onMouseOver=“alert (‘Сайт на ПМГ „Нанчо Попович“ гр. Шумен); return true;“>ПМГ Шумен</A>

  • Ако смените манипулатора OnMouseover със OnClick, alert прозореца ще се показва при кликване вместо при преминаване с мишката върху хипервръзката.
  • Друго събитие е onMouseout. То настъпва когато курсорът на мишката вече не посочва обекта. С помощта на събитията onMouseover и onMouseout се правят така наречените rollover ефекти с картинки при които след посочване с мишката една картинка се заменя с друга.
  •  Освен събития свързани с движението на мишката, javascript обработва и събития свързани с отваряне и затваряне на прозорци, както и такива свързани с формуляри. Едно от събитията свързани с прозорците на браузъра е onLoad. То се извиква когато се зареди страницата.
  • Ето например ако направите следната страница:

<HTML>
<BODY onLoad=“alert(‘Здравейте!’)“>
</BODY>
</HTML>

  • Веднага след зареждането на страницата ще се появи alert прозорец с надпис „Здравейте!“.
  • Ако замените събитието onLoad със onUnload, което се извиква при напускане на страницата, „Здравейте!“ ще се показва при затваряне на страницата.
  • Нека променим горният пример така, че при отваряне на страницата да се показва „Здравейте!“ а при затваряне „Довиждане!“ :

<HTML>
<BODY onLoad=“alert(‘Здравейте!’)“ onUnload=alert(‘Довиждане!’)“>
</BODY>
</HTML>

  • Сега затворете прозореца на браузъра и ще видите съобщение „Довиждане!“. Сигурно сте забелязали някои доста неприятни сайтове, които отварят нов прозорец с друг сайт веднага щом се опитате да излезете от предишния. Те използват именно събитието onUnload.
  • Друго събитие е onAbort. То настъпва когато прекъснете зареждането за страницата с бутона Stop на браузъра.

Ето и още събития с действията им:

onError – възниква при грешка в скрипта
onSelect – възниква при избиране (селектиране) на текст
onSubmit – възниква когато изпратите формуляр за обработка
onBlur – възниква при напускане на обект
onFocus – възниква когато обекта е на фокус
onChange – възниква когато се промени съдържанието на обекта (например формуляр)

Вашият коментар