Question

<input type="text" id= 'input'>

let input = document.getElementById('input');
    //add event listener to keydown event    
    input.addEventListener('keydown',(e)=> {
        console.log(e.key);
      //check the key is 'Escape'
        if( e.key === 'Escape') {
            input.select();} 
        });

当我按“ Esc”键时，它不起作用，只能模糊，不要选择我要的内容输入输入元素。我在哪里弄错了？

Answer 1

对于纯js

   document.onkeydown = function(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 27) {
        alert('Esc key pressed.');
    }
};

jquery

jQuery(document).on('keyup',function(evt) {
    if (evt.keyCode == 27) {
       alert('Esc key pressed.');
    }
});

Answer 2

您的代码运行正常。在JS Bin上检查它。

如何添加事件以按“ Esc”键？

2 个答案: