Как сделать обработчик отслеживания изменения значения атрибута в html теге. Подробнее в описании

@Victor_Sh · Регистрация: 21.02.2018

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

Как сделать обработчик отслеживания изменения значения атрибута в html теге?
Есть форма в поле input с атрибутом value, мне нужен обработчик, который сможет отслеживать изменение значения атрибута и при каждом изменении значения, чтобы вызывалась функция. Как такое реализовать?

@Smls · 21.02.2018, 17:26

HTML5
1
<input oninput="function()">

@atanov · 21.02.2018, 17:30

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

Лучше

HTML5
1
<input onchange = "function()">

@Smls · 21.02.2018, 17:31

Чем лучше?

@Balanaar · 21.02.2018, 17:37

Зависит от того, когда считывать надо. При потере фокуса или при каждом изменении.

@Smls · 21.02.2018, 17:39

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

при каждом изменении значения

ТС пишет при каждом

@Balanaar · 21.02.2018, 17:46

Тогда oninput

@Victor_Sh · 21.02.2018, 18:35 **[ТС]**

Balanaar, А это обработчик будет работать если написать код вот так:

HTML5
1
<input type="hidden" value="1">

JavaScript
1
document.querySelector('input').addListener('oninput', function(){});

@Smls · 21.02.2018, 18:52

JavaScript
1
2
3
4
var input = document.querySelector('input[type="hidden"]');
  input.oninput = function() {
    alert(input.value);
  };

@j2FunOnly · 22.02.2018, 08:19

А как вы будете менять значение скрытого инпута?
Так:

JavaScript
1
2
/* pseudo code */
hiddenInput.value = someValue;

?

Ни oninput, ни onchange не будет вызвано при таком изменении...

@Victor_Sh · 23.02.2018, 21:58 **[ТС]**

j2FunOnly, Smls, atanov, значение скрытого input меняться с помощью JS (setAttribute кажется)

Добавлено через 5 минут
Smls, этот вариант не работает в моем случае((, я так понял это событие срабатывает когда пользователь изменяет поле??

Добавлено через 37 секунд
j2FunOnly, Да типо того, с помощью JS

@Smls · 23.02.2018, 22:19

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

значение скрытого input меняться с помощью JS (setAttribute кажется)

Так почему бы не вызывать вашу функцию тем-же что и значение меняет?

@Victor_Sh · 23.02.2018, 22:42 **[ТС]**

Smls, Не могу найти в коде, то что меняет значение(( Может все таки есть способ. В голову уже приходит мысль запустить бесконечный цикл, который будет отслеживать значение. Бредовая идея?

Добавлено через 8 минут
Smls, или можно это по другому сделать?

@atanov · 23.02.2018, 23:34

Victor_Sh, а где Ваш код, где ищете то, что меняет значение?

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Victor_Sh 0 / 0 / 0 Регистрация: 21.02.2018 Сообщений: 4

	Как сделать обработчик отслеживания изменения значения атрибута в html теге. Подробнее в описании 21.02.2018, 16:22. Показов 4274. Ответов 13 Метки нет (Все метки) Как сделать обработчик отслеживания изменения значения атрибута в html теге? Есть форма в поле input с атрибутом value, мне нужен обработчик, который сможет отслеживать изменение значения атрибута и при каждом изменении значения, чтобы вызывалась функция. Как такое реализовать? 0

@Smls 220 / 173 / 115 Регистрация: 19.01.2015 Сообщений: 524
	21.02.2018, 17:31
	Чем лучше? 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	21.02.2018, 17:37
	Зависит от того, когда считывать надо. При потере фокуса или при каждом изменении. 0

@Balanaar 2463 / 1769 / 625 Регистрация: 11.07.2016 Сообщений: 4,067
	21.02.2018, 17:46
	Тогда oninput 1

@Victor_Sh 0 / 0 / 0 Регистрация: 21.02.2018 Сообщений: 4
	23.02.2018, 21:58 [ТС]
	j2FunOnly, Smls, atanov, значение скрытого input меняться с помощью JS (setAttribute кажется) Добавлено через 5 минут Smls, этот вариант не работает в моем случае((, я так понял это событие срабатывает когда пользователь изменяет поле?? Добавлено через 37 секунд j2FunOnly, Да типо того, с помощью JS 0

@Victor_Sh 0 / 0 / 0 Регистрация: 21.02.2018 Сообщений: 4
	23.02.2018, 22:42 [ТС]
	Smls, Не могу найти в коде, то что меняет значение(( Может все таки есть способ. В голову уже приходит мысль запустить бесконечный цикл, который будет отслеживать значение. Бредовая идея? Добавлено через 8 минут Smls, или можно это по другому сделать? 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	23.02.2018, 23:34
	Victor_Sh, а где Ваш код, где ищете то, что меняет значение? 1

Как сделать обработчик отслеживания изменения значения атрибута в html теге. Подробнее в описании

Решение