Шта су догађаји у ЈаваСцрипт-у и како се њима рукује?

Догађаји су радње или догађаји који се дешавају у систему. У свету програмирања, догађаји су нешто што се дешава са ХТМЛ елементима. Али када користи се на ХТМЛ страницама, може да реагује на ове догађаје. У овом чланку ћемо видети које су различите врсте догађаја у ЈаваСцрипт-у и како функционишу, у следећем низу:

• Шта су догађаји у ЈаваСцрипт-у?
• Врсте догађаја у ЈаваСцрипт-у
  • Онцлицк Евент
  • Онкеиуп Евент
  • Онмоусеовер Евент
  • Онлоад Евент
  • Онфоцус догађај

Шта су догађаји у ЈаваСцрипт-у?

Јавасцрипт садржи догађаје који пружају динамички интерфејс за веб страницу. Ови догађаји су повезани са елементима у Модел објекта документа (ПРЕСУДА).

Такође, ови догађаји подразумевано користе ширење мехурића, тј. Према горе у ДОМ-у од деце до родитеља. Догађаје можемо повезати било у облику реда или у спољној скрипти. Помоћу ЈаваСцрипт-а можете да откријете када се одређени догађаји догоде и да узрокујете да се ствари јављају као одговор на те догађаје.

Врсте догађаја у ЈаваСцрипт-у

Постоје различите врсте догађаја у који се користе за реаговање на догађаје. Овде ћемо разговарати о неким познатим или најчешће коришћеним догађајима као што су:

• Онцлицк
• Онкеиуп
• Онмоусеовер
• На оптерећење
• Онфоцус

Кренимо даље и погледајмо ове догађаје у ЈаваСцрипт-у са примером.

Онцлицк Евент

Догађај Онцлицк је догађај миша и изазива било какву логику дефинисану ако корисник кликне на елемент за који је везан. Узмимо пример и погледајте како то функционише:

функција еду () {алерт ('Добродошли у Едурека!')} Притисните дугме

Излаз:

Након што кликнете на дугме, добићете следећу поруку упозорења:

Онекеиуп Евент

Овај догађај је догађај на тастатури и користи се за извршавање упутстава кад год се тастер отпусти након притиска. Следећи пример показује рад догађаја:

вар а = 0 вар б = 0 вар ц = 0 функција цхангеБацкгроунд () {вар к = доцумент.гетЕлементБиИд ('бг') бг.стиле.бацкгроундЦолор = 'ргб (' + а + ',' + б + ',' + ц + ')' а + = 1 б + = а + 1 ц + = б + 1 иф (а> 255) а = а - б иф (б> 255) б = а иф (ц> 255) ц = б}

Излаз:

Након што нешто напишете, изгледа овако:

пример јава позивања даљинског метода

Онмоусеовер Евент

Догађај преласка мишем у ЈаваСцрипт-у одговара преласку показивача миша преко елемента и његових подређених елемената на које је везан. Пример је приказан у наставку:

функција хов () {вар е = доцумент.гетЕлементБиИд ('ховер') е.стиле.дисплаи = 'ноне'}

Излаз:

Оквир у боји појављује се пре него што задржите миш. Чим задржите миш изнад оквира, он нестаје.

Онлоад Евент

Догађај онлоад се изазива када се елемент у потпуности учита. Узмимо пример и погледајте како то функционише:

Излаз:

Онфоцус догађај

Догађај Онфоцус има списак елемената који извршава упутства кад год добије фокус. Следећи пример показује како функционише онфоцус догађај:

функција фокусирана () {вар е = доцумент.гетЕлементБиИд ('инпут') ако (потврди ('Фоцус Евент')) {е.блур ()}}
Фокус у пољу за унос:
 

Излаз:

Ово су неки од најчешће коришћених догађаја у ЈаваСцрипт-у. Овим смо дошли до краја нашег чланка. Надам се да сте разумели шта су догађаји и како се користе.

Погледајте наш који долази са обуком уживо коју воде инструктори и искуством у стварном животу. Овај тренинг чини вас вештима за рад са позадинским и предњим веб технологијама. Обухвата обуку о веб развоју, јКуери-ју, Ангулар-у, НодеЈС-у, ЕкпрессЈС-у и МонгоДБ-у.

Имате питање за нас? Молимо вас да га спомињете у одељку за коментаре овог блога и јавићемо вам се.