„ промените величину ” догађај у ЈаваСцрипт-у је уграђени догађај који се покреће када корисник промени величину прозора прегледача. Овај догађај се може користити за прилагођавање изгледа или понашања веб странице као одговор на нову величину прозора. Догађај се покреће/покреће на објекту прозора који означава прозор претраживача.
Овај пост ће илустровати догађај промене величине прозора у ЈаваСцрипт-у.
Шта је догађај „промена величине“ прозора у ЈаваСцрипт-у?
У ЈаваСцрипт-у, „ промените величину ” догађај се покреће када се промени величина прозора прегледача. Можете да приложите функцију догађају промене величине помоћу „ аддЕвентЛистенер() ” на објекту прозора. Овај догађај ће се покренути сваки пут када се промени величина прозора прегледача.
Синтакса
Следећа синтакса се користи за догађај промене величине за промену величине прозора методом „аддЕвентЛистенер()“:
виндов.аддЕвентЛистенер ( 'промените величину' , фунцНаме )
Препоручује се да уклоните слушалац догађаја да бисте избегли цурење меморије. Да бисте уклонили слушаоца догађаја, користите „ ремовеЕвентЛистенер() ” метод:
Пример
У датом примеру, дужина и ширина прозора ће се приказати на страници док мењате величину прозора.
Прво, направите подручје распона за приказ дужине и ширине прозора:
Прозор Ширина корисника: <спан ид='видтх'><бр>прозор с Висина: < спан ид = 'висина' > спан >
Затим, у ознаци <сцрипт>, дефинишите функцију “ виндовРесизе() ” где добијате референцу елемената дужине и ширине за штампање вредности:
доцумент.гетЕлементБиИд ( 'висина' ) .иннерТект=доцумент.доцументЕлемент.цлиентХеигхт;
доцумент.гетЕлементБиИд ( 'ширина' ) .иннерТект = доцумент.доцументЕлемент.цлиентВидтх;
}
Звати ' промените величину ” догађај у „ аддЕвентЛистенер() ” и приложите дефинисану функцију са догађајем:
Звати ' виндовРесизе() ' по први пут:
Излаз показује да се вредност непрекидно мења док се мења величина прозора:
То је све о догађају промене величине прозора у ЈаваСцрипт-у.
Закључак
„ промените величину ” догађај у ЈаваСцрипт-у се покреће када се промени величина прозора или елемента. Може да открије промене величине прозора прегледача или одређеног елемента. Догађај се може додати у прозор или елемент помоћу „ аддЕвентЛистенер() ” метод и навођење „ промените величину ” као тип догађаја. У овом посту смо илустровали догађај промене величине прозора у ЈаваСцрипт-у.