Основно съдържание
Програмиране
Курс: Програмиране > Раздел 6
Урок 5: DOM събития- Интерактивни уеб страници със събития
- Добавяне на слушател на събитие
- Предизвикателство: Котешки щракалки
- Типове DOM събития
- Използване на свойствата на събитие
- Предизвикателство: Котешки мустаци
- Обработка на форми със събития
- Предизвикателство: Играта Mad Libs
- Спиране на поведението по подразбиране на събитията
- Обобщение: DOM събития
© 2023 Khan AcademyУсловия за ползванеДекларация за поверителностПолитика за Бисквитки
Типове DOM събития
Браузърът предизвиква много събития. Пълен списък на събитията можеш да разгледаш в MDN, а това са най-често използваните типове събития и техните имена:
- събития с мишката (
MouseEvent): mousedown, mouseup, click, dblclick, mousemove, mouseover, mousewheel, mouseout, contextmenu - събития при допир (
TouchEvent): touchstart, touchmove, touchend, touchcancel - събития с клавиатурата (
KeyboardEvent): keydown, keypress, keyup - събития на формуляри: focus, blur, change, submit
- събития на прозорците: scroll, resize, hashchange, load, unload
Може би се чудиш кога да използваш събития при допир, а не събития с мишката, тъй като са толкова сходни помежду си.
Събитията при допир се случват само при устройства, които могат да бъдат активирани с допир, като смартфони и лаптопи със сензорен екран. Събития с мишката като
click и mousemove се случват в повечето браузъри и устройства. Обаче при повечето смартфони събитието mouseover въобще не се случва, тъй като те не могат да засекат пръст, който сочи към телефона. Някои смартфони добавят сензори за това, така че в бъдеще ще могат да засека събитието mouseover.В повечето случаи ще искаш да слушаш за събития с мишката вместо събития при допир, тъй като са най-универсални.
Искаш ли да се присъединиш към разговора?
Все още няма публикации.