Догађаји су радње или догађаји који се дешавају у систему. У свету програмирања, догађаји су нешто што се дешава са ХТМЛ елементима. Али када користи се на ХТМЛ страницама, може да реагује на ове догађаје. У овом чланку ћемо видети које су различите врсте догађаја у ЈаваСцрипт-у и како функционишу, у следећем низу:
Шта су догађаји у ЈаваСцрипт-у?
Јавасцрипт садржи догађаје који пружају динамички интерфејс за веб страницу. Ови догађаји су повезани са елементима у Модел објекта документа (ПРЕСУДА).
Такође, ови догађаји подразумевано користе ширење мехурића, тј. Према горе у ДОМ-у од деце до родитеља. Догађаје можемо повезати било у облику реда или у спољној скрипти. Помоћу ЈаваСцрипт-а можете да откријете када се одређени догађаји догоде и да узрокујете да се ствари јављају као одговор на те догађаје.
Врсте догађаја у ЈаваСцрипт-у
Постоје различите врсте догађаја у који се користе за реаговање на догађаје. Овде ћемо разговарати о неким познатим или најчешће коришћеним догађајима као што су:
- Онцлицк
- Онкеиуп
- Онмоусеовер
- На оптерећење
- Онфоцус
Кренимо даље и погледајмо ове догађаје у ЈаваСцрипт-у са примером.
Онцлицк Евент
Догађај Онцлицк је догађај миша и изазива било какву логику дефинисану ако корисник кликне на елемент за који је везан. Узмимо пример и погледајте како то функционише:
функција еду () {алерт ('Добродошли у Едурека!')} Притисните дугме
Излаз:
Након што кликнете на дугме, добићете следећу поруку упозорења:
Онекеиуп Евент
Овај догађај је догађај на тастатури и користи се за извршавање упутстава кад год се тастер отпусти након притиска. Следећи пример показује рад догађаја:
вар а = 0 вар б = 0 вар ц = 0 функција цхангеБацкгроунд () {вар к = доцумент.гетЕлементБиИд ('бг') бг.стиле.бацкгроундЦолор = 'ргб (' + а + ',' + б + ',' + ц + ')' а + = 1 б + = а + 1 ц + = б + 1 иф (а> 255) а = а - б иф (б> 255) б = а иф (ц> 255) ц = б}
Излаз:
Након што нешто напишете, изгледа овако:
пример јава позивања даљинског метода
Онмоусеовер Евент
Догађај преласка мишем у ЈаваСцрипт-у одговара преласку показивача миша преко елемента и његових подређених елемената на које је везан. Пример је приказан у наставку:
функција хов () {вар е = доцумент.гетЕлементБиИд ('ховер') е.стиле.дисплаи = 'ноне'}
Излаз:
Оквир у боји појављује се пре него што задржите миш. Чим задржите миш изнад оквира, он нестаје.
Онлоад Евент
Догађај онлоад се изазива када се елемент у потпуности учита. Узмимо пример и погледајте како то функционише:
Излаз:
Онфоцус догађај
Догађај Онфоцус има списак елемената који извршава упутства кад год добије фокус. Следећи пример показује како функционише онфоцус догађај:
функција фокусирана () {вар е = доцумент.гетЕлементБиИд ('инпут') ако (потврди ('Фоцус Евент')) {е.блур ()}}Фокус у пољу за унос:
Излаз:
Ово су неки од најчешће коришћених догађаја у ЈаваСцрипт-у. Овим смо дошли до краја нашег чланка. Надам се да сте разумели шта су догађаји и како се користе.
Погледајте наш који долази са обуком уживо коју воде инструктори и искуством у стварном животу. Овај тренинг чини вас вештима за рад са позадинским и предњим веб технологијама. Обухвата обуку о веб развоју, јКуери-ју, Ангулар-у, НодеЈС-у, ЕкпрессЈС-у и МонгоДБ-у.
Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре овог блога и јавићемо вам се.