DWWEB.RU
СКРИПТЫ

jquery нажатие на элемент,ссылку,кнопку

Нам нужно отследить нажатие по кнопке, ссылке, инпуту или на любой другой html объект! Нажатие оно и в Африке нажатие! Не забываем, что прежде чем начинать вам нужно подключить jQuery

В данном случае мы будем использовать кнопку для первого примера!

1.

Напишем код кнопки самый короткий код.

<button>Нажми на меня</button>

Далее нам потребуется код, который будет отслеживать нажатие по кнопке с тегом button + понадобится метод click и в него поставим функцию, которая сработает после нажатия…

И после нажатия выведем "ПРИВЕТ МИР"

<script> $("button").click( function(){ alert("ПРИВЕТ МИР"); } );</script>

Результат:

2. Второй вариант – если вам требуется выделить какой-то отдельный объект, то ему нужно поставить уникальный ид.

<button id="button">Нажми на меня</button>

<script> $("button#button").click( function(){ alert("нажата кнопка button с id"); } );</script>

Результат:

P.S.

Не нужно быть Эйнштейном! Чуть-чуть пошевелите мозгами!

Если вам требуется отследить нажатие по input? То берем верхний код и слегка его изменим…

Результат:

<input id="input" placeholder="Нажми на меня ">
<script> $("input#input").click( function(){ alert("нажата кнопка input с id=input"); } );</script>
Не забудь !
Название скрипта :jquery нажатие на элемент,ссылку,кнопку
Скрипт № 41.2
Скачать - архив
Все скрипты на одной странице
Оставить комментарийCOMMENTS+
Сообщений пока нет - Вы можете стать первым
BBcode
нажмите, чтобы загрузить аватар
Загрузить свой аватар(max ширина, высота = 100px) ( как это работает)

Закрыть
+ =
Подписаться
Теги:
jquery нажатие jquery нажатие на кнопку jquery событие нажатие jquery нажатие на элемент jquery нажатие на ссылку jquery событие нажатия кнопки jquery обработка нажатия кнопки jquery нажатие button jquery имитация нажатия кнопки jquery нажатие enter в input jquery при нажатии подставлять или выводит значения

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019