Объект-обработчик: handleEvent Мы можем назначить обработчиком не только функцию, но и объект при помощи addEventListener. В этом случае, когда происходит событие, вызывается метод объекта handleEvent. К примеру:
Продолжить чтениеРубрика: Фронтэнд
Браузерная часть приложения.
javascript 2.2.5 Перехватчик события. addEventListener
Частые ошибки Если вы только начинаете работать с событиями, обратите внимание на следующие моменты. Функция должна быть присвоена как sayThanks, а не sayThanks().
Продолжить чтениеjavascript 2.2.4 Введение в браузерные события
Событие – это сигнал от браузера о том, что что-то произошло. Все DOM-узлы подают такие сигналы (хотя события бывают и не только в DOM). Вот список самых часто используемых DOM-событий, пока просто для ознакомления: События мыши: …
Продолжить чтениеjavascript 2.2.3 Замыкание. Блоки кода
Блоки кода и циклы, IIFE Предыдущие примеры сосредоточены на функциях. Но лексическое окружение существует для любых блоков кода {…}. Лексическое окружение создаётся при выполнении блока кода и содержит локальные переменные для этого блока. Вот пара примеров. …
Продолжить чтениеjavascript 2.2.2 Замыкание. Вложенные функции. Окружение в деталях
Вложенные функции Функция называется «вложенной», когда она создаётся внутри другой функции. Это очень легко сделать в JavaScript. Мы можем использовать это для упорядочивания нашего кода, например, как здесь:
Продолжить чтениеjavascript 2.2.1 Замыкание. Лексическое окружение
JavaScript – язык с сильным функционально-ориентированным уклоном. Он даёт нам много свободы. Функция может быть динамически создана, скопирована в другую переменную или передана как аргумент другой функции и позже вызвана из совершенно другого места. Мы …
Продолжить чтениеjavascript 2.2 План занятия
2.2.1 Замыкание. Лексическое окружение 2.2.2 Замыкание. Вложенные функции. Окружение в деталях 2.2.3 Замыкание. Блоки кода 2.2.4 Введение в браузерные события 2.2.5 Перехватчик события. addEventListener 2.2.6 Обработчик события —- домашнее —- 2.2.7 Конструкторы, создание объектов через …
Продолжить чтениеjavascript 2.1.6 Преобразование объектов в примитивы
Что произойдёт, если сложить два объекта obj1 + obj2, вычесть один из другого obj1 – obj2 или вывести их на экран, воспользовавшись alert(obj)? В этом случае объекты сначала автоматически преобразуются в примитивы, а затем выполняется операция. В главе Преобразование типов мы …
Продолжить чтениеjavascript 2.1.5 Сравнение строк, внутренне устройство
Сравнение строк Как мы знаем из главы Операторы сравнения, строки сравниваются посимвольно в алфавитном порядке. Тем не менее, есть некоторые нюансы. Строчные буквы больше заглавных:alert( ‘a’ > ‘Z’ ); // true Буквы, имеющие диакритические знаки, идут …
Продолжить чтениеjavascript 2.1.4 Работа с подстроками
Поиск подстроки Существует несколько способов поиска подстроки. str.indexOf Первый метод — str.indexOf(substr, pos). Он ищет подстроку substr в строке str, начиная с позиции pos, и возвращает позицию, на которой располагается совпадение, либо -1 при отсутствии совпадений.
Продолжить чтение