Myvideo

Guest

Login

Уроки jQuery / Подключаем событие click, определяем элемент по которому нажали и координаты мыши

Uploaded By: Myvideo
1 view
0
0 votes
0

Привет друзья! Сейчас я вам скажу, как подключить событие click к элементам на вашем сайте, то есть вы сможете сделать так, чтобы при клике мышкой на любом элементе на вашем сайте будет возникать обработка этого события, куда вы можете, например, вставить ваш код, который будет что-то делать еще дополнительно на сайте. Мы подключим событие click с помощью jQuery. 😊 Если вы будете при вызове события click, в функцию передавать event, то тогда вы сможете обращаться к этому событию и считывать оттуда например, такие данные как положение - координаты мышки на экране при клике или название элемента на котором был произведен этот клик и т.д. ✅ Вот пример кода на jQuery для подключения события click ко всем картинкам – тегам IMG - на сайте: $(’img’).click(function(event){ alert(“Нажали на “ “:“ “ координаты: “ “,“ ); }); ❗ Не забывайте подключить jQuery сначала к сайту – перед закрывающим тегом BODY, а потом после подключения уже размещайте ваш код для работы с jQuery после этого подключения. Ставь лайк, если тебе понравилось видео 👍 ►► Подписывайся на наш канал: Рекомендую посмотреть вот эти видео ► ★ [Подключение и Удаление элементов со страницы] ★ [Подключение к сайту и активация события на кнопке] ★ [Как подключить jQuery и вывести значения по id и классу] ★ [Как с помощью jQuery вывести значение на экран] Где нас можно найти ► -------------------------------------------- Вступай в группу Вк - 🚀 Группа FaceBook - Инстаграм Wiseplat: Instagram: Twitter - Популярные плейлисты ► -------------------------------------------- ● Уроки программирования для детей по Scratch ● Уроки программирования для детей и подростков на Python ● Уроки HTML/CSS. Учим быстро и эффективно! ● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. ● Уроки jQuery. Для начинающих, с нуля ● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! ● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. ► Уроки на сайте Wiseplat: -------------------------------------------- ✔ Сообщество программистов: ✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: ******************************** ❤ Если Вам понравилась публикация, подписывайтесь на канал! 👍 Ставьте лайки, тогда будем еще создавать такой контент :) ✉ Если есть вопросы или пожелания, то пишите, в комментариях. ******************************** - Уроки от #OlegShpagin 👨🏼‍💻 #урокиjquery #урокиhtml #урокиcss

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later