Преглед на урок

Реагиране на събития в DHTML уебстраница

Реагиране на събития в DHTML уебстраница




Реагиране на събития в DHTML уебстраница

Главният начин, по който една DHTML (Dynamic HTML) уебстраница осигурява интерактивност, е посредством реагирането на действия, предприети от потребителя. Например, ако потребителят кликне с мишка или натисне клавиш от клавиатурата, страницата може да реагира, като промени облика на текста в страницата. Потребителското действие, такова като кликване с мишката или натискане на клавиш, е известно като събитие (event), а процесът, при който един скрипт изпълнява някакво действие при настъпването на събитие, е известен като обработване на събитие (event handling). Вие асоциирате скриптовия код за обработка на събитя с елемти в уебстраница, използвайки специални атрибути.

Ето някои от най-често използваните атрибути за събития в DHTML и кога те се появяват по отношение на елемент от уебстраница:

onload - Браузърът зарежда елемнт.

onkeydown - Потребителят натиска клавиш.

onkeyup - Потребителят отпуска клавиш.

onclick - Потребителят кликва елемнта с левия бутон на мишката.

onblclick - Потребителят кликва двукратно по елемента с левия бутон на мишката.

onmousedown - Потребителят натиска кой да е от бутоните на мишката, докато показалецът на мишката е върху елемента.

onmouseup - Потребителят натиска кой да е бутон на мишката, докато показалецът на мишката е върху елемента.

onmouseover - Потребителят премества показалеца на мишката в границите на елемента.

onmoucemove - Потребителят премества показалеца на мишката, докато показалецът е върху елемента.

onmouseout - Потребителят премества показалеца на мишката извън границите на елемента.

Както виждане, вие използвате атрибути за събитие, за да обработите често срещаните събития, пораждани от потребителя, като например кликвания с мишката и натискане на клавиши. Вие асоциирате кода на скрипра със събитие, като присвоявате атрибута за събитие на кода на скрипта ето така:

Код
<h2 onclick="this.style.color = 'blue';">
Аз ставам син, като кликнат върху мен.
</h2>
В този пример присвоявате скриптовия код към атрибута за събитие onclick, което означава, че кодът се стартира в отговор на кликване от потребителя с левия бутон на мишката върху текста. Скриптовият код променя цвета на текста в синьо. И така се добавя интерактивност към текста, като се променя неговия цвят в отговор на кликване с мишката.

Надявам се, да Ви е харесало.

Успех, Wargod!

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: bubsss

Коментари

Streleca

ама за какво е т'ва <h2> че е заглавие ли?! защо като го махна и скрипта се не действа

wargod

Това е за големината на буквите.
Другите му разновидности са h1 ; h2 ; h3 ; h4 ; h5 ; h6

Успех :)

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.