JavaScript заметки

Обработчики некоторых событий можно назначать только через addEventListener Существуют события, которые нельзя назначить через DOM-свойство, но можно через addEventListener. Например, таково событие DOMContentLoaded, которое срабатывает, когда завершена загрузка и построение DOM документа. Так что addEventListener более универсален. Хотя заметим, что таких событий меньшинство, это скорее исключение, чем правило. #браузер #документ #события

Вебинар про карьерный рост 🔥 Друзья, уже в следующую среду, мы с Полиной — нашим HR ментором, планируем провести вебинар по карьерному росту в компании. О чем поговорим? 🤓 — что можно считать карьерным ростом (на этот счет есть разные мнения) — кто отвечает за карьерный рост сотрудников — какие есть возможности и ограничения в компаниях разных типов — что делать, если хочешь роста — что делать, если не хочешь роста, а тебя “растят” — обсудим ваши вопросы (можете прислать их заранее) Где и во сколько? 📅 В среду (24.08) в 19:00 по мск. Как всегда, в видео чате нашего тг канала. Подписывайтесь на наш канал, чтобы не пропустить 😎 Всех ждем-с! ✌️

Йоу йоу йоу, тут у наших ребят свой прямой эфир намечается - будет полезно) 👇👇👇

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

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

Делать сайты не так сложно как кажется! На нашем втором канале Полезная вЁрстка можно найти готовые решения ежедневных задач, с которыми сталкиваются веб-разработчики. Подписывайся на канал и получай новые идеи!

Свойство «hidden» Атрибут и DOM-свойство «hidden» указывает на то, видим ли мы элемент или нет. Мы можем использовать его в HTML или назначать при помощи JavaScript, как в примере ниже (см. пример выше на картинке). Технически, hidden работает так же, как style="display:none". Но его применение проще. #браузер #документ #свойства_узлов

​​Frontender's notes - самый большой канал по фронту с годной инфой по HTML, CSS, JS, TypeScript, React, Node.js и развитию Soft-skills, а также разборы вопросов для интервью и подборка крутых статей c опытом релокации айтишников в другие страны. Вам сюда: 👉 @frontendnoteschannel Ну а если вы любите почитать статейки о вебе в оригинале то вот сюда 👉 @frontend_international В общем добро пожаловать!

addEventListener Метод EventTarget.addEventListener() регистрирует определённый обработчик события, вызванного на EventTarget. Данный метод позволяет "вешать" несколько обработчиков одного и того же события на один элемент. Именно благодаря этому является более предпочтительным вариантом обработки событий. #браузер #документ #события

Регистр DOM-свойства имеет значение Используйте elem.onclick, а не elem.ONCLICK, потому что DOM-свойства чувствительны к регистру. #браузер #документ #события

Не используйте setAttribute для обработчиков Такой вызов работать не будет, т.к. setAttribute приводит все в строковый тип. #браузер #документ #события

Используйте именно функции, а не строки. Назначение обработчика строкой elem.onclick = "alert(1)" также сработает. Это сделано из соображений совместимости, но делать так не рекомендуется. #браузер #документ #события

Frontend Vollex – здесь команда фронтендщиков из OZON обучает создавать красивые сайты и приложения, используя такие эффекты.  Канал читают как новички, так и опытные программисты. Подписывайся: @vollex_frontend

Частые ошибки Если вы только начинаете работать с событиями, обратите внимание на следующие моменты. Функция должна быть присвоена как sayThanks, а не sayThanks(). Если добавить скобки, то sayThanks() – это уже вызов функции, результат которого (равный undefined, так как функция ничего не возвращает) будет присвоен onclick. Так что это не будет работать. #браузер #документ #события

Доступ к элементу через this Внутри обработчика события this ссылается на текущий элемент, то есть на тот, на котором, как говорят, «висит» (т.е. назначен) обработчик. В коде выше button выводит своё содержимое, используя this.innerHTML. #браузер #документ #события

😮 Добавлена новая база слитых курсов на 800ГБ: Программирование: https://t.me/+iLdBNekSTz9mNTMy Frontend и Web: https://t.me/+xnzqjNv4bNBlZTli Python: https://t.me/+gy2VjW-eWPgyOGJi Графика и дизайн: https://t.me/+VJNou3I_uQFlMDg6

HTML-атрибуты В HTML у тегов могут быть атрибуты. Когда браузер парсит HTML, чтобы создать DOM-объекты для тегов, он распознаёт стандартные атрибуты и создаёт DOM-свойства для них. Таким образом, когда у элемента есть id или другой стандартный атрибут, создаётся соответствующее свойство. Но этого не происходит, если атрибут нестандартный. #браузер #документ #атрибуты_свойств

Обработчик в атрибуте и свойстве Обработчик всегда хранится в свойстве DOM-объекта, а атрибут – лишь один из способов его инициализации. Так как у элемента DOM может быть только одно свойство с именем onclick, то назначить более одного обработчика так нельзя. P.S. Два примера кода на картинке работают одинаково. #браузер #документ #события

Использование свойства DOM-объекта Можно назначать обработчик, используя свойство DOM-элемента on<событие>. К примеру, elem.onclick. Если обработчик задан через атрибут, то браузер читает HTML-разметку, создаёт новую функцию из содержимого атрибута и записывает в свойство. #браузер #документ #события

Найти работу в айти можно 2 методами: Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть. Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п. Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах! В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs