Заснемане на събития в JavaScript

Събития в JS могат да бъдат разделени в 4 големи групи:

UI събития: задействат, когато потребителят взаимодейства с браузъра на UI (бутоните около уеб страниците, които са част от интерфейса на браузъра). Тези събития включват и тези дейности, които се извършват независимо от страница на потребителя. Тези събития включват промяна на размера на прозореца, да превъртате страниците, сваляне и качване на съдържание.

Събития клавиатура, мишка и сензорен екран: задейства, когато потребителят натисне и освобождава бутона на клавиатурата, за да контролират мишката, тракпада или работят със сензорен екран.

Събития фокусират и коефициенти. В по-голямата част, свързана с въвеждане на форма поле «получава съсредоточи", когато потребителят е готов да си взаимодействат с него. Други събития следят за предаване форма форма промяна стойности на полетата и др

Актуални тенденции и подходи за уеб програмиране

Научете алгоритъм бързо професионално израстване с нула в строителна площадка

Събития мутации и наблюдатели. Мутиращи проследяват елементи при промяна на структурата на DOM: например, когато елементите на страницата се вмъкват или премахнати от скрипт.

Вържи един манипулатор събитие

А специален код, който ще работи само с определен DOM елемент, създава манипулатор събитие. В JS, има три начина за създаване на манипулатор събитие:

1. Standard HTML събитие манипулатор атрибути чрез

Най-старият метод на свързване събития, един от най-срещани досега. Методът използва специални атрибути в маркирането. Например:

В горния пример, след като областта са получили фокус и потребителят въведе следващото поле за попълване (например, с помощта на раздела или нормално кликване), елементът ще предизвика функция checkName което е написано в JS.
Стандартни обработват събитие HTML не препоръчват използването на модерно развитие, главно поради факта, че функционалната смесва с маркировка, което усложнява работата на код и отстраняване на грешки.

2. стандартни манипулатори на събития DOM

Тази техника разделя JS и оформлението, но има същото ограничение - събития могат да бъдат причислени към само една функция. Е еквивалентна на написването на събитието манипулатор HTML DOM ще:

Както и в предишния пример, функция checkName е започнало, след като елемент мухъл губи съсредоточи.

3. манипулатори на събития (Слушатели събития)

Съвременната боравене със събития добавите метод, за да се придържат към няколко събития и функции:

Булева стойност в края показва дали събитието, което трябва да заснемете. Обикновено даден фалшив. В случай на прости скриптове често са написани под формата на анонимен функция:

Не всички събития са

Важно е да се разбере, че не всички събития могат да бъдат третирани еднакво. Събития превъртат и преоразмерявате работят много често, поради което те трябва да бъдат много внимателни работа, така че да не се намали скоростта на сценария. Същото важи и за привидно безвреден типа на входното събитие. Изпълнение на скрипта може да бъде много prosest, ако той ще се опита да отговори на постоянно често провокирани входното събитие от обхвата на плъзгача.

Не всички събития се проследяват

Наблюдатели на мутациите в момента не могат да следят всички промени във всички елементи на страницата. Например, няма метод за проследяване на промените в разгара на елемент (текстът се прегрупира в контейнера при стеснението в адаптивен дизайн и елементите стават по-дълго). И все пак има начини да се следят промените, ще обясня в следващата статия.

Прикрепете събития към правилните елементи

Редакция: Екип webformyself.