JavaScript заметки

2022-06-23 19:21:05 Объект-обработчик: handleEvent

Мы можем назначить обработчиком не только функцию, но и объект при помощи addEventListener. В этом случае, когда происходит событие, вызывается метод объекта handleEvent.

#браузер #документ #события Открыть/Комментировать

2022-06-22 19:05:28 Объект события доступен и в HTML

При назначении обработчика в HTML, тоже можно использовать объект event.

Это возможно потому, что когда браузер из атрибута создаёт функцию-обработчик, то она выглядит так: f
unction(event) { alert(event.type) }.

То есть, её первый аргумент называется "event", а тело взято из атрибута.

#браузер #документ #события Открыть/Комментировать

2022-06-22 17:02:18 5 вещей, которые должен уметь каждый:

— Уметь обходить любые блокировки
— Узнавать пароль к любой Wi-Fi сети
— Смотреть платный контент без подписки
— Находить людей в сети по фото
— Создавать уникальные тексты с помощью нейросети

Если вы об этом не знали, загляните на "Не баг, а фича". Это самый известный IT-канал в Telegram: ребята поясняют за горячие клавиши, делятся полезными онлайн-инструментами и рассказывают как заставить нейронку делать всю работу за вас.

Баги Instagram и YouTube, сайты с бесплатными приложениями, секретные функции iOS и Windows — лишь малая часть того, что вы найдете внутри.

Всё гораздо проще, чем вы думаете. Надо только знать, где искать информацию, а это место мы уже нашли за вас. Вам осталось только подписаться — "Не баг, а фича" Открыть/Комментировать

2022-06-22 14:05:37 Основные свойства объекта event

event.type — тип события, в данном случае "click".

event.currentTarget — элемент, на котором сработал обработчик. Значение – обычно такое же, как и у this, но если обработчик является функцией-стрелкой или при помощи bind привязан другой объект в качестве this, то мы можем получить элемент из event.currentTarget.

event.clientX / event.clientY — координаты курсора в момент клика относительно окна, для событий мыши.

#браузер #документ #события Открыть/Комментировать

2022-06-22 12:05:37 Одно из главных в обучении фронтенд-разработке — это непрерывная практика и навыки, нужные бизнесу. 

Чем раньше вы нырнёте с головой в продакшен, тем быстрее почувствуете себя уверенно на рынке труда.

Изучите JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, наполните портфолио готовыми веб-приложениями и пройдите оплачиваемую стажировку в проектах IT-кластера Ростелеком.

65% выпускников Хекслет получают оффер на первых 5 собеседованиях! 

Начните учиться прямо сейчас, чтобы оценить формат. Открыть/Комментировать

2022-06-22 11:07:26 Объект события

Чтобы хорошо обработать событие, могут понадобиться детали того, что произошло. Не просто «клик» или «нажатие клавиши», а также – какие координаты указателя мыши, какая клавиша нажата и так далее.

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

Пример выше демонстрирует получение координат мыши из объекта события.

#браузер #документ #события Открыть/Комментировать

2022-06-21 19:09:34 Обработчики некоторых событий можно назначать только через addEventListener

Существуют события, которые нельзя назначить через DOM-свойство, но можно через addEventListener.

Например, таково событие DOMContentLoaded, которое срабатывает, когда завершена загрузка и построение DOM документа.

Так что addEventListener более универсален. Хотя заметим, что таких событий меньшинство, это скорее исключение, чем правило.

#браузер #документ #события Открыть/Комментировать

2022-06-21 16:55:33 Лучшие вакансии для фронтенд разработчиков и точка

Специально для Вас, собираем топовые вакансии по фронтенду на канале @job_frontend. Подпишись чтобы не упустить свой шанс получить лучший оффер! Открыть/Комментировать

2022-06-21 15:25:31 Удаление требует именно ту же функцию

Для удаления нужно передать именно ту функцию-обработчик которая была назначена.

Первый вариант не сработает, т.к. в removeEventListener передана не та же функция, а другая, с одинаковым кодом, но это не важно.

Обратим внимание – если функцию обработчик не сохранить где-либо, мы не сможем её удалить. Нет метода, который позволяет получить из элемента обработчики событий, назначенные через addEventListener.

#браузер #документ #события Открыть/Комментировать

2022-06-20 20:43:51 removeEventListener

Удаляет обработчик события, который был зарегистрирован при помощи EventTarget.addEventListener(). Обработчик определяется типом события, самой функцией обработки события, и дополнительными параметрами, переданными при регистрации обработчика.

#браузер #документ #события Открыть/Комментировать