📜  如何使用jQuery检测转义键按下?

📅  最后修改于: 2022-05-13 01:56:01.330000             🧑  作者: Mango

如何使用jQuery检测转义键按下?

要检测转义键按下,将在 jquery 中使用keyupkeydown事件处理程序。当从键盘上按下转义键时,它将在文档上触发。

  • keyup 事件:当从键盘上释放键时会触发此事件。
  • keydown 事件:当从键盘按下键时会触发此事件。

句法:

$(document).on('keydown', function(event) {
       if (event.key == "Escape") {
           alert('Esc key pressed.');
       }
   });

解释:
在整个文档中,我们正在调用on方法,并将keydownkeyup事件作为第一个参数传递。作为第二个参数,附加了一个函数,该函数在发生 keydown 或 keyup 事件时调用,它会在按下键盘上的退出键时显示警报。

示例 1:此示例检测转义键按下(使用 keydown 事件处理程序)



  

    
    
      escape-jquery-detection
  
    

  

    

      Escape jquery detection       using keydown event handler   

     

按转义前的输出:



按转义后的输出:

示例 2:此示例检测转义键按下(使用 keyup 事件处理程序)



  

    
    
      escape-jquery-detection
  
    

  

    

Escape jquery detection using keyup event handler   

     

按转义前的输出:

按转义后的输出: