Кастомный мультиселект JavaScript | Multiselect JS
В данном видео сделаем свой "select", в котором доступен выбор более одного значения из доступного списка значений.
Тайминги:
00:00 Приветствие
00:28 Объяснение разметки и стилей
01:09 Поиск элементов разметки с помощью JS
01:30 Открытие и закрытие выпадающего списка
04:18 Выбор элемента из списка
07:36 Отмена выбранного значения
14:51 Фильтрация значений из списка по введенному тексту в инпут
17:54 События клавиш "ArrowUp" и "ArrowDown"
22:56 Событие мышки
25:04 Объяснение обещанной ранее проверки
25:31 Событие клавиши "Enter"
27:38 Событие клавиши "Backspace"
29:26 Проверка работоспособности мультиселекта
29:50 Доработка функционала
32:45 Рефакторинг кода
33:18 Финальная проверка
33:43 Заключение
Готовый код:
https://codepen.io/Yuri_Simonov/pen/zYLOLdQ
Ссылка на плейлист по JavaScript:
https://youtube.com/playlist?list=PL2bJ6t_D6_KTV6yOfllkX91lLV69bkQsW
Мой телеграм канал по айтишечке:
https://t.me/yuri_simonov_it
Я в соц.сетях:
VK: https://vk.com/yura1596
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Кастомный мультиселект JavaScript | Multiselect JS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.