Този метод се основава на използването на атрибута, която се дава на # 91; # 93 събитие. където # 91; Събитие # 93; - е името на определено събитие.
Основните стъпки: добавяне на определен атрибут на елемент (например: OnClick - където: в случай означава, и върху - вижте събития) със стойност, съдържащ оператор или функция. Това твърдение, или функцията ще бъде изпълнена, когато е настъпило това събитие на елемента.
Например, добавите бутон клик събитие. при настъпването на който ще се появи съобщение, използвайки метода за предупреждение:
Ако събитието манипулатор, е необходимо да се изпълни част от кода, трябва да използвате функцията.
Например, изпълнението на горния пример с помощта на функцията:
Например, добавите бутон клик събитие. при настъпване на който изпълнява определената функция:
Тази опция за абонамент не се препоръчва за събитието, като той не само се претрупва HTML кода, но също така има своите ограничения, свързани с използването на обекта на събитието. тази ключова дума и други.
Например, добавите бутон, който има идентификатор = "myButton" кликнете събитие. при настъпване на който изпълнява определената функция:
Ако събитие е дадено от атрибута, браузър четене HTML кода, който създава на съответния имот автоматично. Т.е. браузър работи с прояви само чрез съответните свойства на обекта (елемент).
Ако се регистрирате за събитието по различни начини, т.е. чрез атрибут и с имота, браузърът в този случай ще се използва само изпълнение на събитието, направени с имота. Абонамент за събития, а само чрез съответните свойства на обекта (елемент), не се препоръчва да се използват атрибути за тези цели.
метод addEventListener. е проектиран, за да добавите слушател (слушател) на определени събития (събития) до елемента и изпълнение манипулатор (обаждане), когато това се случи. Освен метод addEventListener, има и друг метод removeEventListener. която е предназначена за обратна действие, т.е. за отстраняване на слушателя.
методи Синтаксис addEventListener и removeEventListener:
метод addEventListener има 3 параметри:
Например, използването на анонимен функция, за да се справят на събитието "клик":
Например, използването на myFunction () функция, за да се справят на събитието "клик":
манипулатор събитие, което сте добавили помощта на addEventListener () може да бъде отстранен чрез метод removeEventListener, ако е необходимо (). Премахване на събитието манипулатор може да се използва само, ако е в метода на addEventListener () се определя като име функция. Ако бъдете попитани, под формата на анонимен функция манипулатор в метода на addEventListener (). След това го премахнете с помощта на метод removeEventListener () няма да работи.
Например, добавете и след това изтрийте документ myFunction mousemove обект събитие манипулатор:
Например, добавете малко със събития, за да се изпълни, когато щракнете в областта, принадлежащ на документа:
Добавете например, занимаващо се със документ обект за следните събития: кликнете. Задържането на курсора. е извън него.
Например, за предаване на процесорните параметри, ние използваме анонимен функция. В този анонимен функция, ние ще използваме друга функция (име) и с помощта на който ще премине на необходимите параметри:
Например, когато възникне събитие, щракнете в документа, да промените цвета на фона на тялото на елемента. манипулатор събитие да се изпълни като анонимен функция.
Как да работим с събития
Горният код може да бъде написана по-плътно, с помощта на анонимен функция:
По-правилно да не работи с натоварване (настъпва след пълно зареждане на страницата) събитие и събитие DOMContentLoaded. който се появява, след като браузърът за зареждане на HTML документ и построил DOM дърво. Т.е. да работи с DOM дървото не е необходимо да се изчака до всички ресурси са заредени HTML-страницата на браузъра е достатъчно, за да се изгради DOM дърво.
Горният код може да бъде написана по-плътно, с помощта на анонимен функция:
В същото време се абонирате за събитието множество обекти
Например, един клик събитие да се регистрирате по веднъж всички елементи п. обработка на събития провежда при използване myFunction (функция):
Свързани статии