Как осуществить обновление поля с информацией при любом её изменении?

Question

[Hellas]

На данный момент информация, введённая в #inputAboutMe, сохраняется после нажатия на #changePasswordBtn.
Как сделать так, чтобы информация сохранялась автоматически, при любом её изменении?

<textarea class="inputAboutMe" id="inputAboutMe">{aboutme}</textarea>
<input type="hidden" id="inputUID" value="{uid}">

<button id="changePasswordBtn" class="save">
  <img src="/icons/check.svg" class="check_icon" alt="check">
</button>

AccountEdit.init = function() {
  $('#changePasswordBtn').on('click', updateProfile);
  updateAboutMe();
};

function updateProfile() {
  var userData = {
    uid: $('#inputUID').val(),
    aboutme: $('#inputAboutMe').val()
  };

  socket.emit('user.updateProfile', userData, function(err, data) {
    updateHeader(data.picture);
  });

  return false;
}

Answer 1

[Николай]

дак $('#inputAboutMe').on('keyup', updateProfile);

Answer 2

[Антон Щербаков]

var delay = (function(){
		var timer = 0;
		return function(callback, ms){
			clearTimeout (timer);
			timer = setTimeout(callback, ms);
		};
	})();


	function ChangeInput(t) {
		// код для обработки и сохранения
	}


	$('html').on('keyup','input',function() {
		var t = $(this);

		delay(function(){
			ChangeInput(t);
		}, 1000); // чтобы не флудить, устанавливаем разумный time-out
	});

Comments

[Николай]

зачем вешать обработчик на страницу=>все_инпуты?
И не хило вы жизнь усложняете :)

[Антон Щербаков]

Николай: А с чего вы решили, что ИМЕННО Я вешаю обработчик на все инпуты? Автор вопроса наверное разберется, что в данное поле надо ввести какой-то идентификатор элемента.

[Николай]

Антон Щербаков: ну потому что ИМЕННО ВЫ привели пример этого кода)
ваш к.о.)