如何从事件侦听器中排除向下箭头键

Question

我正在开发一本字典，当我开始输入时它会自动完成，它会显示以该字母开头的单词列表。（如词汇表网站）searchInput.addEventListener('keyup',function(){        let search = $('#search').val()                       $.ajax({            type: 'GET',            url: '/home/autocomplete/' + search            dataType: "json",            success: function (response) {            let word = response.words            suggestionsPanel.innerHTML = '';                           $.each(word, function (idx, w) {        $('.suggestions').append(`<li name = ${w}>${w}</li>`)        // $('.suggestions li:first').addClass('selected')})};现在我想添加向下箭头键来浏览列表。我添加了另一个按键事件监听器，它会继续执行第一个事件监听器函数。如何使其两者都发挥作用？var li = $('.suggestions > li');            var liSelected;             $(window).keydown(function(e) {                if(e.which === 40) {                    if(liSelected) {                        liSelected.removeClass('selected');                        next = liSelected.next();                        if(next.length > 0) {                            liSelected = next.addClass('selected');                        } else {                            liSelected = li.eq(0).addClass('selected');                        }                    } else {                        liSelected = li.eq(0).addClass('selected');                    }                } else if(e.which === 38) {                    if(liSelected) {                        liSelected.removeClass('selected');                        next = liSelected.prev();                        if(next.length > 0) {                            liSelected = next.addClass('selected');                        } else {                            liSelected = li.last().addClass('selected');                        }                    } else {                        liSelected = li.last().addClass('selected');                    }                }            });

Answer 1

该keyup 事件发出一个keyCode属性，您可以使用该属性来标识向下箭头键。

如果找到，您可以在此基础上退出回调。

向下箭头键的键码为 40。

searchInput.addEventListener('keyup', function(evt) { 
   if (evt.keyCode == 40) return;
    //otherwise continue...