Выполнение функции после действий по умолчанию

Байт · Регистрация: 24.12.2010

Студворк — интернет-сервис помощи студентам

Есть элемент ввода type='color'. По щелчку показывает диалог выбора цвета и сам в него окрашивается.

HTML5
1
2
<label><input type='color' id='Fon' value="#b4ffb4" align="right">
Задание Цвета</label>

Но как сделать так, чтобы после выбора цвета выполнялись какие-то действия.

JavaScript
1
2
3
$("#Fon").click(function() {
  alert('Fon'):
)};

Так функция выполняется ДО выбора цвета

@crackos · 16.10.2016, 22:24

может blur вместо click

Байт · 16.10.2016, 23:53 **[ТС]**

Сообщение от crackos

может blur

Но это возникает при потере фокуса. И как тогда? И зачем?

Добавлено через 7 минут
Методом тыка нашел

change()

@mrtoxas · 17.10.2016, 00:08

Так еще можно

JavaScript
1
2
3
$('#Fon').on('input', function() { 
alert('!!!');
});

@Undisputed · 18.10.2016, 22:45

Байт,
$('#selector').change() это устаревшая запись
рекомендуют использовать $('#selector').on('change', function(){...});

Байт · 18.10.2016, 22:52 **[ТС]**

sys_beginner, А какая, собственно, разница? И на чем основана эта рекомендация? И кто именно рекомендует?
Я понимаю, что on - универсальная форма. Также можно писать $('#selector').on('click', function(){...}); и затаскивать под on все остальные события. А смысл? Может быть выполняется чуть-чуть быстрее?

@j2FunOnly · 18.10.2016, 22:57

Сообщение от sys_beginner

$('#selector').change() это устаревшая запись

Не надо вводить в заблуждение

This method is a shortcut for .on( "change", handler ) in the first two variations, and .trigger( "change" ) in the third.

http://api.jquery.com/change/
Ключевое слово shortcut

@Undisputed · 18.10.2016, 23:12

Сообщение от Байт

А какая, собственно, разница? И на чем основана эта рекомендация? И кто именно рекомендует?

on более гибкий в сравнении с change, так же позволяет вешать события на элементы, которые появились на странице после её полной загрузки. А рекомендуют обычно опытные разрабы. Но с точки зрения самого jquery никаких проблем, можно пользоваться

Сообщение от j2FunOnly

Не надо вводить в заблуждение

Я и не ввожу в заблуждение. change это из серии "old school", но работает, да.

Добавлено через 5 минут
Байт,
Ещё используя on код выглядит одинаковым в отношении работы с событиями. А если использовать то on(), то change(), то click() уже не стандартно получается

Байт · 18.10.2016, 23:19 **[ТС]**

Сообщение от sys_beginner

on более гибкий в сравнении с change

Я бы сказал, более общий. Позволяет вешать не только change, но и множество других. Однако change и on('change', как я понимаю, совершенно эквивалентны, не считая того, что в последнем на 5 букв больше.

Добавлено через 2 минуты

Сообщение от sys_beginner

код выглядит одинаковым

Дык, ну это уже чисто вкусовое различие. А о вкусах...
Лично мне нравится, когда код выглядит поразнообразнее. Быстрее схватываешь суть. И меньше хочется спать...

@Undisputed · 18.10.2016, 23:31

Байт,
По конечному результату да, это одно и то же.

Сообщение от Байт

Лично мне нравится, когда код выглядит поразнообразнее. Быстрее схватываешь суть. И меньше хочется спать...

))) Ну изначально всегда так. Лично сам в последнее время забыл когда встречал код .change() вместо on не считая этой темы))

@j2FunOnly · 19.10.2016, 08:15

Сообщение от sys_beginner

Я и не ввожу в заблуждение. change это из серии "old school", но работает, да.

Значит у нас разные представления о назначении определения "устаревший". Для меня - устаревший == deprecated

Новые блоги и статьи Все статьи Все блоги /
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .

@crackos 46 / 38 / 26 Регистрация: 11.08.2016 Сообщений: 139
	16.10.2016, 22:24
	может blur вместо click 0

@Undisputed 901 / 478 / 93 Регистрация: 10.06.2014 Сообщений: 2,700
	18.10.2016, 22:45
	Байт, $('#selector').change() это устаревшая запись рекомендуют использовать $('#selector').on('change', function(){...}); 0

Байт Диссидент 27714 / 17332 / 3810 Регистрация: 24.12.2010 Сообщений: 38,978
	18.10.2016, 22:52 [ТС]
	sys_beginner, А какая, собственно, разница? И на чем основана эта рекомендация? И кто именно рекомендует? Я понимаю, что on - универсальная форма. Также можно писать $('#selector').on('click', function(){...}); и затаскивать под on все остальные события. А смысл? Может быть выполняется чуть-чуть быстрее? 0