<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру 3.0

PHP и MySQL с Нуля до Гуру 3.0

Данный курс научит Вас программировать на самом популярном Web-языке в мире - PHP. Курс состоит из 9 разделов, в которых с нуля рассказывается и показывается процесс написания различных скриптов на PHP.

В курсе Вы узнаете всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

В Бонусе «Создание сайта для библиотеки» Вы увидите применение знаний из основного курса при создании полноценного проекта.

Просмотрев данный курс, Вы сможете создавать абсолютно любые PHP-сайты любой сложности.

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Зачем Вы изучаете программирование/создание сайтов?

jQuery события мыши

jQuery события мыши

События jQuery мгновенно реагируют на действия пользователя, на такие как клик, движение, наведение мыши и.т.д. Эта реакция выражается во внешних изменениях, у элементов страницы, с которыми взаимодействует пользователь. Давайте посмотрим на простых примерах, какие это могут быть события.

jQuery событие клик

Пример демонстрирует, что при клике по кнопке, появляется окно alert с сообщением для пользователя.

$(function () {
$("#btn").click(function () { alert("Вы только что кликнули по кнопке"); });
$("#btn").click(function () { $("#btn").click() });
});

<input type="button" id="btn" value="Пуск"/>

jQuery события мыши.

jQuery cобытие фокуса

Событие focus() наступает, когда пользователь клацает мышью в поле ввода формы. Например, мы хотим, чтобы при этом событии, поле ввода автоматически заполнялось. Событие blur() наступает, когда пользователь покидает поле, т.е. элемент теряет фокус.

$(function() {
  $("input").focus(function() {
    $(this).val("в фокусе");
});
  $("input").blur(function() {
    $(this).val("не в фокусе");
});

<input type="text">
<br>
<br>
<input type="text">
<br>
<br>
<input type="text">

jQuery события мыши.

jQuery событие загрузки страницы


// load() - устанавливает обработчик на JavaScript событие load
// window.load - Загружена вся страница с учетом всех внешних ресурсов (картинок, сценариев, стилей)
$(window).load(function () {
  alert("Страница загружена, можно начинать!");
});

jQuery события мыши

Событие mouseover() происходит при попадании курсора в границы элемента. Событие mouseout() происходит при выходе курсора за пределы области элемента.


$("p").mouseover(function(){
  $("p").css("background-color", "yellow");
});
$("p").mouseout(function(){
  $("p").css("background-color", "pink");
});

<p>Наведите и снимите указатель мыши на текст.</p>

jQuery события мыши.

jQuery событие наведения (hover)

Событие hover() – функция, одновременно решающая два действия – наведение и снятие курсора мыши, с выбранного объекта.

// hover(in, out) - функция, которая отвечает за привязку обработчиков на события mouseover и mouseout.
$(function () {
  $("div").hover(onIn, onOut);
});

// Функция которая отработает при наведении курсора на элемент
function onIn() {
  $("div").html("Навести");
}

// Функция которая отработает при выходе курсора за элемент
function onOut() {
  $("div").html("Снять");
}

See the Pen jQuery hover() by porsake (@porsake) on CodePen.


Событие движения мыши

Событие mousemove() наступает при перемещении курсора по поверхности элемента. Пример классического отслеживания координат курсора, относительно окна браузера.

$(document).mousemove(function(event){
  $("span").text(event.pageX + ", " + event.pageY);
});

<p>Координаты, текущего положения мыши: <span></span>.</p>

jQuery события мыши.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.