Как стереть из input последний введенный символ?

Question

[Rufix]

Делаю калькулятор и хочу сделать, чтобы он реагировал на нажатия клавиш с клавиатуры. Необходимо, чтобы при нажатии на Backspace, удалялся последний символ из инпута.
Скорее всего я даже не близко к ответу, но подскажите, пожалуйста)

document.onkeypress = function (){
	if (event.keyCode === 8) {
		display.value = (???);
	}
}

Comments

[lloydbanks]

Эмм.. вообще-то это стандартное поведение браузера - удалять из инпута последний символ по backspace. Вам вообще не нужен для этого javascript))

[Rufix]

lloydbanks, Да, но я делаю калькулятор с дисплеем. У меня в html к инпуту прописан disabled.

Answer 1

[0xD34F]

document.addEventListener('keydown', e => {
  if (e.key === 'Backspace' && e.target !== display) {
    display.value = display.value.slice(0, -1);
    // или
    display.value = display.value.substring(0, display.value.length - 1);
    // или
    display.value = display.value.replace(/.$/, '');
    // или
    display.value = display.value.match(/.*(?=.$)/);
    // или
    display.value = [...display.value].filter((n, i, a) => -~i < a.length).join('');
  }
});

Comments

[Rufix]

Спасибо, работает. А можно объяснить что это делает "display.value.slice(0, -1);" ?

[0xD34F]

Rufix, почитайте.

Answer 2

[Stalker_RED]

display.value = display.value.slice(0, -1)


И клавиша backspace не генерирует событие keypress, придется использовать keyup или keydown.
Удобено потестить можно здесь.