0

Как сделать так, чтобы при вводе первого символа в инпут сразу же давался класс, а не так как сейчас ? Проблемы с js/jquery, только учусь.

var input = $('#inp_1');

input.on('change', function() {
		var inp = $('#inp_1').val();
		if (inp) {
      $('span').addClass('active');
		} else {
			$('span').removeClass('active');
		}
	});
span {
  display: block;
  opacity: 0;
}

span.active {
  opacity: 1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inp_1" type="text">
<span class="descr_for_input_1">Вы ввели значение</span>

2 ответа 2

2

Вместо события change используй keyup

3
  • Спасибо :) Не подскажите, где такие простенькие задачки с решениями можно поискать, чтоб набить руку? И аналог keyup на JS есть ? 11 окт 2017 в 14:31
  • Вообще советую вот этот ресурс: learn.javascript.ru , там оч много интересного по JS, а вот про события на JS тут же: learn.javascript.ru/keyboard-events
    – maxkrasnov
    11 окт 2017 в 14:36
  • @YourDeveloper если ответ помог, не забудь, пожалуйста, отметить, что ответ правильный.
    – maxkrasnov
    11 окт 2017 в 14:38
1

var input = $('#inp_1');

input.on('input', function() {
		var inp = $('#inp_1').val();
		if (inp) {
      $('span').addClass('active');
		} else {
			$('span').removeClass('active');
		}
	});
span {
  display: block;
  opacity: 0;
}

span.active {
  opacity: 1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="inp_1" type="text">
<span class="descr_for_input_1">Вы ввели значение</span>

1
  • А в чем разница между 'input' и 'keyup' ? 12 окт 2017 в 0:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.