Myvideo

Guest

Login

Уроки jQuery / Событие focusin подключаем и выводим подсказки

Uploaded By: Myvideo
1 view
0
0 votes
0

Привет друзья! Сейчас мы с вами рассмотрим, как подключить событие 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: ******************************** ❤ Если Вам понравилась публикация, подписывайтесь на канал! 👍 Ставьте лайки, тогда будем еще создавать такой контент :) ✉ Если есть вопросы или пожелания, то пишите, в комментариях. ********************************

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later