Что делаю не так в JQuery?

Question

[Illia T]

Суть: код должен захватить список с айдишником list и удалить последний пункт списка при нажатии на backspase (использую код 8). Почему-то код не срабатывает.

$('body').keypress(function(e) {
  if (e.which == 8) {
      $('#list').remove('li:last')};
  })

;

Весь код, на всякий случай:

// adding content
$(document).ready(function(){


let text = document.querySelector('#text');
let list = document.querySelector('#list');

document.addEventListener('keydown', addLetter);

function addLetter(e){
  let key = e.key;
  
  if( /^[a-zа-яё]$/i.test(key) ){
    list.insertAdjacentHTML('beforeend', `<li class="hiden">${key}</li>`);
    $('li.hiden').fadeIn(3000);
    $('li.hiden').removeClass('hiden');
  }
};

  $('body').keypress(function(e) {
  if (e.which == 8) {
      $('#list').remove('li:last')};
  });

});

Answer 1

[ReaverJS]

Keypress - не может считывать backspace, используйте keydown.
$('x').remove('y') - означает "выбрать все X, которые являются Y".
Т.е. $('#list').remove('li:last-child')} - выбрать элемент #list И если он является li и последним - удалить. Тут надо вот так:

$('body').keydown(function(e) {
    console.log(e.which);
    if (e.which == 8) {
      $('#list li:last-child').remove();
    }
  });

Comments

[Illia T]

Шпасиба, добрый человек.
А можно чутка подробней, почему Keypress не может считывать backspace и нужно использовать keydown?

[Illia T]

И ещё, в руководстве было отмечено, что используется именно :last, а не :last-child как в css, типа тоже ништячок - сокращение.

[ReaverJS]

illiatovpeko, в док-ии jQuery написано

The keypress event is sent to an element when the browser registers keyboard input. This is similar to the keydown event, except that modifier and non-printing keys such as Shift, Esc...

Почему не знаю)

[ReaverJS]

illiatovpeko, может функция .last()?
https://api.jquery.com/last/