Как очистить инпут после keydown?

Question

[Nohaga]

Пытаюсь очистить input при вводе в него определённого символа. Но инпут не очищается там просто нельзя ввести больше 1 этого символа, но он там есть, интересно что console.log( $(this).val()); выводит пустое значение, но в инпуте присутствует число и это видно. Может можно как то перехватить нажатие и вообще не допустить ввода? Или ещё как то решить?

И ведь если сделать $('this').val('') при клике на какой нибудь элемент, то инпут действительно очищается.

$('input.wpcf7-form-control.wpcf7-text').keydown(function(e) {
  	  if(e.keyCode === 104) {
         $(this).val('');console.log( $(this).val());
	  }
  });

Можете сами попробовать введите 8 https://sofuwa.ru/

Answer 1

[Ilya Loginov]

Уберите у this кавычки:
$(this).val('');

Comments

[Nohaga]

с кавычками вообще бы не работало =) опечатка

[Ilya Loginov]

Nohaga, ну а в остальном у вас все правильно в коде, цифра и должна оставаться в input т.к. keydown срабатывает при нажатии на кнопку, а не при отпускании ее. Используйте keyup =)

Answer 2

[lamer350]

используйте .on("keydown", function(){..}) вместо .keydown()

Comments

[Nohaga]

тоже самое

[lamer350]

Nohaga, а вы смотрели что "104" - это numpad 8? https://css-tricks.com/snippets/javascript/javascr...

[lamer350]

Nohaga, это я вообще не о проблеме, а о том что ни у кого не будет работать на ноутах например, так как надо 34 использовать

[Nohaga]

lamer350, Можете сами попробовать введите 8 https://sofuwa.ru/

[Nohaga]

lamer350, символ просто для теста

[lamer350]

Nohaga, я опробовал ваш скрипт на своем сайте и все ок, изменил только keycode, тоже было интересно - так как код на вид нормальный (без кавычек у this)

[Nohaga]

что именно ок? при нажатии 8 в инпуте видна 8, при дальнейших нажатиях остаётся одна цифра 8, то есть инпут не очищается. https://sofuwa.ru/

[Nohaga]

lamer350, кстати если сделать так:

var explode = function(){
$('input.wpcf7-form-control.wpcf7-text').val('');
};	
$('input.wpcf7-form-control.wpcf7-text').on("keydown", function(e){
if(e.keyCode === 104) {
setTimeout(explode, 100)
}
  });

то работает

[lamer350]

Nohaga, у меня мак и keykode отличается, я использовал ваш код но с keycode 40 и все работает