Event — Интерфейсы веб API
Интерфейс Event
представляет собой любое событие, которое происходит в DOM; некоторые из них генерируемые пользователем (клик мышью или нажатие клавиши на клавиатуре), а некоторые — генерируемые API (события, обозначающие завершение процесса анимации, приостановка видео и т.д.). Существует много типов событий, некоторые из них используют интерфейсы, базирующиеся на главном интерфейсе Event
. Event
содержит общие свойства и методы для всех событий.
Ниже приведён список интерфейсов, основанных на главном интерфейсе Event
, а также указаны ссылки на них в документации MDN API. Заметьте, что имена всех интерфейсов оканчиваются на «Event».
AnimationEvent
AudioProcessingEvent
(en-US)BeforeInputEvent
BeforeUnloadEvent
BlobEvent
(en-US)ClipboardEvent
CloseEvent
(en-US)CompositionEvent
(en-US)CSSFontFaceLoadEvent
CustomEvent
(en-US)DeviceLightEvent
DeviceMotionEvent
(en-US)DeviceOrientationEvent
(en-US)DeviceProximityEvent
DOMTransactionEvent
DragEvent
(en-US)EditingBeforeInputEvent
ErrorEvent
(en-US)FetchEvent
FocusEvent
(en-US)GamepadEvent
HashChangeEvent
(en-US)IDBVersionChangeEvent
(en-US)InputEvent
KeyboardEvent
MediaStreamEvent
(en-US)MessageEvent
(en-US)MouseEvent
MutationEvent
(en-US)OfflineAudioCompletionEvent
(en-US)PageTransitionEvent
(en-US)PointerEvent
(en-US)PopStateEvent
(en-US)ProgressEvent
(en-US)RelatedEvent
RTCDataChannelEvent
(en-US)RTCIdentityErrorEvent
RTCIdentityEvent
RTCPeerConnectionIceEvent
(en-US)SensorEvent
StorageEvent
(en-US)SVGEvent
(en-US)SVGZoomEvent
TimeEvent
(en-US)TouchEvent
TrackEvent
(en-US)TransitionEvent
(en-US)UIEvent
(en-US)UserProximityEvent
WebGLContextEvent
(en-US)WheelEvent
(en-US)
Event()
Создаёт объект
Event
и возвращает его вызывающему.
Event.bubbles
Только для чтенияЛогическое значение, указывающее, всплыло ли событие вверх по DOM или нет.
Event.cancelBubble
(en-US)Историческое название синонима
Event.stopPropagation()
. Если установить значение вtrue
до возврата из обработчика события (Event Handler), то событие не будет распространяться дальше (например, на обработчики для родительских узлов).Event.cancelable
Только для чтенияЛогическое значение, показывающее возможность отмены события.
Event.composed
(en-US) Только для чтенияЛогическое значение, показывающее может или нет событие всплывать через границы между shadow DOM (внутренний DOM конкретного элемента) и обычного DOM документа.
Event.currentTarget
Только для чтенияСсылка на текущий зарегистрированный объект, на котором обрабатывается событие.
Это объект, которому планируется отправка события; поведение можно изменить с использованием перенаправления (retargeting).
(en-US) Non-standardМассив
DOM-узлов
, через которые всплывало событие.Event.defaultPrevented
Только для чтенияПоказывает, была ли для события вызвана функция
event.preventDefault()
.Event.eventPhase
Только для чтенияУказывает фазу процесса обработки события.
Event.explicitOriginalTarget
(en-US) Non-standard Только для чтенияЯвный первоначальный целевой объект события (Mozilla-специфичный). Не может содержать анонимного контента.
Event.originalTarget
(en-US) Non-standard Только для чтенияПервоначальный целевой объект события до перенаправлений (Mozilla-специфичный). Может быть из анонимного контента.
Event.returnValue
(en-US) Non-standardНестандартная альтернатива (оставшаяся от старых версий Microsoft Internet Explorer) для
Event.preventDefault()
иEvent.defaultPrevented
.Event.scoped
(en-US) Только для чтенияЛогическое значение
, показывающее всплывает ли данное событие через shadow root (внутренний DOM-элемента). Это свойство было переименовано вcomposed
(en-US).Event.
Non-standardsrcElement
Нестандартный синоним (остался от старых версий Microsoft Internet Explorer) для
Event.target
.Event.target
Только для чтенияСсылка на целевой объект, на котором произошло событие.
Event.timeStamp
Только для чтенияВремя, когда событие было создано (в миллисекундах). По спецификации это время от начала Эпохи (Unix Epoch), но в действительности в разных браузерах определяется по-разному; кроме того, ведётся работа по изменению его на
DOMHighResTimeStamp
тип.Event.type
Только для чтенияНазвание события (без учёта регистра символов).
Event.isTrusted
Только для чтенияПоказывает было или нет событие инициировано браузером (например, по клику мышью) или из скрипта (например, через функцию создания события, такую как event.
initEvent (en-US))
Event.createEvent()
(en-US)Создаёт новое событие, которое затем должно быть проинициализировано вызовом его метода
initEvent()
.Event.initEvent()
УстарелоИнициализация значений созданного с помощью Document.createEvent() (en-US) события. Если событие уже отправлено, то эта функция ничего не делает.
Event.preventBubble()
Non-standardПредотвращает всплытие события. Устаревшая, используйте вместо неё
event.stopPropagation
.Event.preventCapture()
Non-standardУстаревшая, используйте вместо неё
event.
.stopPropagation
Event.preventDefault()
Отменяет событие (если его возможно отменить).
Event.stopImmediatePropagation()
Для конкретного события не будет больше вызвано обработчиков. Ни тех, которые привязаны к этому же элементу (на котором работает обработчик, который вызывает этот Event.stopImmediatePropagation()), ни других, которые могли бы вызваться при распространении события позже (например, в фазе перехвата — capture).
Event.stopPropagation()
Остановка распространения события далее по DOM.
Event.getPreventDefault()
Non-standardНестандартная. Возвращает значение
Event.defaultPrevented
. Используйте вместо неёEvent.defaultPrevented
.
Specification |
---|
DOM Standard # interface-event |
BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
- Типы событий: Event reference (en-US)
- Сравнение Event Targets (target и currentTarget и relatedTarget и originalTarget)
- Creating and triggering custom events (en-US)
- Для разработчиков дополнений Firefox:
- Listening to events in Firefox extensions
- Listening to events on all tabs
- Mozilla related events in real life at wiki.mozilla.org
Found a content problem with this page?
- Edit the page on GitHub.
- Report the content issue.
- View the source on GitHub.
This page was last modified on by MDN contributors.
мой опыт в ИТ и не только / Хабр
Ивенты, конференции, форумы и не только – будем называть их общим словом мероприятия – одна из самых стрессовых областей работы и специализации в наших реалиях. Для меня это всегда работа в чрезвычайно быстро сменяющихся условиях, начиная от этапа согласования концепции и бюджета мероприятия, заканчивая его курированием и подготовкой отчета после.
Немного расскажу о себе: что стало моим камнем преткновения и опорной точкой для написания этой статьи, и о том, почему мероприятия в ИТ-компании и не только – это важно.
Меня зовут Дарья и мне 25, (не хватает хлопков на фоне) – но мы здесь не про анонимных алкоголиков, так что станем «анонимными организаторами».
Мероприятия пришли в мою жизнь когда мне стукнуло 20, и я попала в Башкирскую Выставочную Компанию. Организатор выставок и форумов, компания для старта карьеры в event-индустрии, и чтобы разобраться, кто и кем приходится кому в этом мире – отличная. А затем covid, самоизоляция, переезд и новый для меня город Казань. Сначала организация и курирование крупных региональных и федеральных мероприятий, а затем и организация, продюсирование и курирование кулуарных и крупных ивентов в такой же крупной ИТ-компании.
Стратегии по участию и организации мероприятий бывают разные, но сводятся всегда к одному – доход и повышение узнаваемости. Лидогенерация и сделки – это основное, на что я делаю упор на своих мероприятиях: каждое должно быть самоокупаемо как минимум ценными и новыми контактами, а как максимум – сделками, на которые по сути и нацелена многомиллионная индустрия деловых мероприятий.
В этой статье я хочу поделиться своим опытом, и расскажу о том, как лучше всего подготовиться к мероприятию вне зависимости от отрасли вашей компании.
Этап 1. Календарь мероприятий
Практически у любого мероприятия есть формат, будь то выставка, бизнес-встреча или конференция. На основе тематик, которые заявлены организаторами и, учитывая острые потребности вашей компании на этапе планирования, необходимо составить так называемый «календарь мероприятий».
Участие в сторонних мероприятиях мы стараемся запланировать как минимум на полгода вперед, но как я уже говорила выше, в сфере ивентов ты всегда должен быть готов к внезапным, неожиданным и тем более «невыполнимым» задачам. Наверное, лично я за это и люблю сферу организации мероприятий, будучи человеком быстро меняющимся, мне быстро наскучивают однотипные задачи, но ивенты никогда не перестанут вас удивлять.
Многие специалисты ошибочно считают, что главное для event-менеджера – это самодисциплина и стрессоустойчивость, но я не согласна. Важнее гибкость, умение решать на ходу, как говорят миллениалы: «способность переобуваться в воздухе» и критическое мышление, хотя больше оно помогает при составлении смет и выборе подрядчиков.
К каждому своему мероприятию я отношусь как к ребенку, вот оно на стадии планирования, вот этап подготовки и зачатия – этап бюджетирования и согласования концепции, вот он на моменте вынашивания – реализация концепции, работа с подрядчиками, подготовка спикеров, застройка, и вот момент появления на свет – этап координирования и открытия мероприятия.
Когда я вижу начало мероприятия, его открытие, прибытие гостей, я наконец чувствую, что всё было ради этого момента.
Этап 2. Подбор команды
Планируя любой формат участия, необходимо перед этим проверить загруженность и целостность команды. Свободен ли хороший спикер, есть ли свободный Sales-менеджер для планирования его командировки, есть ли контент и описанные кейсы, с которыми вам придется работать.
Интересное, вкусное и увлекающее мероприятие всегда на 20% состоит из контента, на 30% из людей, преподносящих этот контент, и на 50% от умения ивентщика правильно спланировать этапы подготовки, прописать сценарий и полноценно донести информацию до всех ответственных зон. Чем лучше вы сможете работать со своей командой, помочь подготовить контент, распределить зоны ответственности и сроки выполнения задач, тем проще для вас пройдут все этапы подготовки к мероприятию.
Этап 3: «А как будет? Ожидание – реальность»
Говоря о простоте и легкости в проведении, нужно помнить, что легко и красиво всё, к сожалению, выходит лишь в кино. Если ситуация выходит из-под контроля, опаздывает спикер, а зал ожидает яркого выступления, как ваша пиар-команда заявила в анонсе, застройка выходит не так, как она выглядела в теории, и весь монтажный план вашего стенда больше похож на свалку мебели, нежели на ту красоту, которую вы презентовали руководству при защите бюджета, то спокойствие, находчивость и умение быстро принимать решения – ваше главное оружие.
Работая в сфере мероприятий, никогда нельзя «теряться», потому что одна небольшая проблема вполне может выбить вас из колеи. И чтобы не быть голословной, расскажу про свой первый факап.
Первое мероприятие, которое мне доверили – «Мир Семьи, Материнства и Детства». Руководителя дирекции, где я работала внезапно вызвало высшее руководство для проверки выполнения плана продаж по выставке, наполненности деловой программы и сценария открытия мероприятия, а я осталась на застройке одна.
Участники подходили каждые 5 минут, спрашивали, где мебель, где стенд, как пройти в туалет, где можно поесть и где будет репетиция их выступления. Моей же главной ошибкой была паника. В данном случае (слава Кришне) я додумалась попросить помощи у коллеги из другой дирекции, более опытного и взрослого, нежели была я.
Совместно со мной он вышел на площадку и помог решать текущие проблемы, спокойно объясняя участникам и мне, что и где находится. Для участников это были ответы на интересующие их вопросы, а для меня – реальный мастер-класс по поведению в стрессовой ситуации, как красиво и уверенно донести до человека, что его проблема решаема и вы над ней работаете. Как верить в команду, и в первую очередь в себя.
Мои 5 рабочих антистресс-лайфхаков
Конечно, никогда нельзя быть готовым ко всему, но мне помогают несколько лайфхаков, которым я научилась у директора выставочного центра будучи только стажером.
Всегда имей запасной план, при опоздании спикера имей возможность выпустить «запасного спикера» или пропустить вперед не своего. Риски всегда нужно подсвечивать организаторам.
Если стенд получился в мемном духе «ожидание/реальность», то всегда имей своего подрядчика, который если и не приедет, но поможет оперативно в режиме онлайн подсказать как лучше распределить стенд и от чего ты можешь прямо сейчас отказаться.
Никогда не афишируй, какой конкретный результат и охват ты получишь с того или иного мероприятия – ты не контролируешь людей и не знаешь, принесет это мероприятие тебе 25 или 4 лида.
Можно строить план или полагаться на определенный ивент, но чем больше говоришь, тем больше времени тратишь.
Активно готовься к мероприятию ровно до того момента, когда наступит точка 12-ти часов до его начала. И здесь езжай домой и поспи. Решить проблему с больной/уставшей головой – невозможно.
Умей брать ответственность, признавать и исправлять свои ошибки. Последнее особенно важно. Да, просто признать, что кейтеринг приехал не ко времени по твоей вине – это, конечно, хорошо, но как решать проблему с голодными гостями – всё-таки открытый вопрос.
Что происходит после ивента, или Немного заключительных слов
Любое мероприятие очень индивидуально, и я всегда рассматриваю их как личностей, со своим характером, стрессовыми ситуациями и особенностями. Некоторые существуют на рынке уже более 20-ти лет, а некоторые только начинают свой путь с небольших круглых столов. Любое из них перед принятием решения к участию должно пройти пристальное рассмотрение и анализ.
При завершении мероприятия, написании отчета и подготовке итогового контента, нельзя забывать, в первую очередь, о благодарности для команды. Провести мероприятие в одиночку практически невозможно, команда — это главное, начиная от PR-менеджера и заканчивая отрабатывающими на мероприятии Sales-специалистами, на последних хотелось бы также сделать небольшой акцент.
При подготовке к любому мероприятию, нужно совместно с аналитиками провести отдельную работу по исследованию списка участников мероприятия и определить ключевых заказчиков, их возможные потребности и интерес. Собрать на них, так называемые «профили» и провести первую заинтересовывающую ваших потенциальных заказчиков рассылку или обзвон (по возможности). Это прямым образом влияет на дальнейшую результативность мероприятия, помогает вам спрогнозировать количество лидов и определяет насколько хорошо и качественно Sales-менеджер отработает на мероприятии.
Важно помнить, что самое главное – не бюджет, проработанная программа или вкусные закуски. Важнее всего – концепция, в которой есть душа, команда, умеющая работать слаженно, и люди, «купившие» идею твоего мероприятия.
Изначально, презентуя своё мероприятие, мы фактически презентуем воздух: но убеди себя и человека в том, что без твоей идеи его бизнес работать не сможет, и будет тебе счастье.
Событие— веб-API | MDN
Интерфейс Event
представляет событие, происходящее в DOM.
Событие может быть вызвано действием пользователя, например. щелчок по кнопке мыши или нажатие на клавиатуру или сгенерированный API для представления хода выполнения асинхронной задачи. Его также можно активировать программно, например, вызвав метод HTMLElement.click()
элемента или определив событие, а затем отправив его в указанную цель, используя EventTarget.dispatchEvent()
.
Существует множество типов событий, некоторые из которых используют другие интерфейсы, основанные на основном интерфейсе Event
.
Само событие
содержит свойства и методы, общие для всех событий.
Многие элементы DOM можно настроить так, чтобы они принимали (или «прослушивали») эти события и выполняли код в ответ на их обработку (или «обработку»). Обработчики событий обычно подключаются (или «прикрепляются») к различным элементам HTML (таким как