Уроки jQuery / Событие focusin подключаем и выводим подсказки
Привет друзья! Сейчас мы с вами рассмотрим, как подключить событие focusin к элементам на вашем сайте, то есть вы сможете сделать так, чтобы при получении фокуса элементом будет возникать обработка этого события. Мы подключим событие focusin с помощью jQuery. 😊
Если вы будете при вызове события focusin, в функцию передавать event, то тогда вы сможете обращаться к этому событию и считывать оттуда например, такие данные как название элемента на котором был произведен этот клик и т.д.
- Уроки от #OlegShpagin 👨🏼💻
#урокиjquery #урокиhtml #урокиcss
✅ Вот пример кода на jQuery для подключения события focusin ко всем полям ввода – тегам INPUT - на сайте:
$(“input“).focusin(function(event){
$(“#div1“).html(“Фокус получил элемент: “ “:“ );
$(“input“).removeClass(“b50“);
$(“#“ ).addClass(“b50“);
});
❗ Не забывайте подключить jQuery сначала к сайту – перед закрывающим тегом BODY, а потом после подключения уже размещайте ваш код для работы с jQuery после этого подключения.
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал:
Рекомендую посмотреть вот эти видео ►
★ [Подключаем событие click, определяем элемент по которому нажали и координаты мыши]
★ [Подключение и Удаление элементов со страницы]
★ [Подключение к сайту и активация события на кнопке]
★ [Как подключить jQuery и вывести значения по id и классу]
★ [Как с помощью jQuery вывести значение на экран]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch
● Уроки программирования для детей и подростков на Python
● Уроки HTML/CSS. Учим быстро и эффективно!
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.
● Уроки jQuery. Для начинающих, с нуля
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
1 view
169
44
7 years ago 00:10:04 43
Уроки jQuery #4 | События в jquery
7 years ago 00:11:26 141
Уроки jQuery практика- как сделать слайдер
7 years ago 00:10:08 161
Уроки jQuery практика- анимация счетчика чисел
5 years ago 00:04:34 8
Уроки jQuery / События окна браузера
7 years ago 00:10:43 176
Уроки jQuery #1 | Введение. Синтаксис
8 years ago 00:09:30 169
Изучаем jQuery | Урок №3 - Подключение jQuery
3 years ago 00:27:26 10
Что такое jQuery и зачем он нужен? ➤ Уроки jQuery для начинающих
7 years ago 00:11:38 143
Уроки jQuery практика- делаем To Do приложение
8 years ago 00:19:56 38
Видеокурс JQuery. Урок 7. Библиотека JQuery UI
8 years ago 00:05:30 46
jQuery. Урок 8. Селекторы форм в jQuery
5 years ago 00:09:56 133
Подробные уроки по jQuery для начинающих, урок 1
7 years ago 00:10:04 109
Уроки jQuery практика- делаем простой аккордеон
8 years ago 00:10:02 407
Уроки jQuery #2 | Выбор селекторов. Оптимизация выборки
8 years ago 00:07:06 83
Видеокурс JQuery. Урок 2. Фильтры в JQuery
7 years ago 00:10:14 153
Уроки jQuery практика- делаем Skill bar для портфолио
4 years ago 00:11:23 53
Как сделать адаптивное меню на jQuery. уроки jQuery.
9 years ago 00:53:01 1.9K
jQuery. Урок 1. Введение в jQuery
8 years ago 00:06:08 56
jQuery. Урок 10. Работа с событиями в jQuery
8 years ago 00:03:13 80
jQuery. Урок 9. Дополнительные фильтры для селекторов jQuery
8 years ago 00:08:18 69
jQuery. Урок 5. Возможности применения jQuery
6 years ago 00:10:39 69
Уроки jQuery практика- как сделать адаптивное меню с Flexbox и jQuery
7 years ago 00:12:25 32
Уроки jQuery практика- как сделать parallax для сайта
8 years ago 00:10:50 45
Видеокурс JQuery. Урок 8. Вспомогательные функции в jQuery