Безплатно! Онлайн събитие: 5-дневно ChatGPT предизвикателство Регистрация тук.

Добавяне на Event Listeners

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

Основи на програмирането с JavaScript В курса ще се научите как да пишете код с помощта на един от най-популярните програмни езици - JavaScript. Този курс е идеален за напълно начинаещи и ще ви помогне да разберете основите на програмирането, както и как да създавате интерактивни уеб приложения. Ще придобиете фундаментални умения, които ще ви позволят да създавате динамични уеб сайтове и да поставите основите си за развитие в областта на софтуерното програмиране.

Най-важното за addEventListener

Когато използвате window.onload = ..., всяко ново присвояване презаписва предишното и само последната функция ще се изпълни. Това може да доведе до неочаквано спиране на вече работещ код. По-сигурният и препоръчителен начин е да използвате addEventListener, който позволява да закачите няколко функции към един и същи event, без те да си пречат.

Стъпка по стъпка: как да избегнете презаписване на onload

Ако имате повече от една функция, която трябва да се изпълни при зареждане на страницата, не използвайте повторно window.onload = ....
Премахнете присвояването към window.onload.
Използвайте window.addEventListener, като:
- подадете името на събитието без „on“ – например load
- подадете функцията, която трябва да се изпълни
При нужда добавете още addEventListener за същия load event – всички функции ще се изпълнят.

Този подход работи не само за window, а за всеки DOM елемент.

Основни методи и понятия

addEventListener – добавя функция (listener) към дадено събитие, без да презаписва други.
load – събитие, което се активира при зареждане на страницата.
window.onload – стар начин за закачане на функция към load, който се презаписва при ново присвояване.

Дискусия към урока