jQuery | keypress（）-yiteyi-C++库

每当浏览器注册键盘输入时，jQuery中的keypress（）方法就会触发keypress事件。因此，使用keypress（）方法可以检测是否按下任何键。 语法： 要触发选定元素的按键事件，请执行以下操作：

null

$(selector).keypress()

要将功能附加到按键事件，请执行以下操作：

$(selector).keypress(function)

显示keypress（）方法工作的jQuery代码： 代码#1：

                     <                               html                               >                   
                     <                               head                               >                   
                     <                               title                               >Jquery | Keypress() </                               title                               >                   
                     <                               script                               src                               =                               "                       https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js                      "                               >                   
                     </                               script                               >                   
                     </                               head                               >                   
                     <                               script                               >                   
                     $(document).keypress(function(event){                   
                             
                                         alert('You pressed a key');                   
                     });                   
                     </                               script                               >                   
                     <                               body                               >                   
                     </                               script                               >                   
                     </                               body                               >                   
                     </                               html                               >                   

输出： 图片[1]-jQuery | keypress（）-yiteyi-C++库 代码#2： 检测任何特定的按键事件。按键代码和事件。这将返回按键的ASCII值，两者都是特定于浏览器的。下面的代码用于检查按下页面上的哪个键。

                     <                               html                               >                   
                     <                               head                               >                   
                     <                               title                               >Jquery | Keypress() </                               title                               >                   
                     <                               script                               src                               =                               "                       https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js                      "                               >                   
                     </                               script                               >                   
                     </                               head                               >                   
                     <                               script                               >                   
                     $(document).keypress(function(event){                   
                             
                                         var key = (event.keyCode ? event.keyCode : event.which);                   
                                         var ch=String.fromCharCode(key)                   
                                         alert('You pressed key : ' +ch);                   
                             
                             
                     });                   
                     </                               script                               >                   
                     <                               body                               >                   
                     <                               br                               ><                               br                               >                   
                     <                               center                               >                   
                     <                               h1                               >Try pressing any printable character from the keyboard </                               h1                               >                   
                     </                               center                               >                   
                     </                               body                               >                   
                     </                               html                               >                   

输出： 图片[2]-jQuery | keypress（）-yiteyi-C++库如果按下任何键，则输出将被激活- 图片[3]-jQuery | keypress（）-yiteyi-C++库 代码#3 下面的代码用于检查是否在页面上的文本框内按下了Enter键。

                     <                               html                               >                   
                     <                               head                               >                   
                     <                               title                               >Jquery | Keypress() </                               title                               >                   
                     <                               script                               src                               =                               "                       https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js                      "                               >                   
                     </                               script                               >                   
                     </                               head                               >                   
                     <                               body                               >                   
                             
                     <                               center                               >                   
                                         <                               br                               ><                               br                               >                   
                                         <                               h1                               >Press " Enter key " inside the textbox </                               h1                               >                   
                                         <                               input                               id                               =                               "textbox"                               type                               =                               "text"                               size                               =                               "50"                               />                   
                     </                               center                               >                   
                     <                               script                               type                               =                               "text/javascript"                               >                   
                             
                     $('#textbox').keypress(function(event){                   
                             
                                         var keycode = (event.keyCode ? event.keyCode : event.which);                   
                                         if(keycode == '13'){                   
                                         alert('You pressed  "enter" key in textbox');                   
                                         }                   
                                         event.stopPropagation();                   
                     });                   
                             
                     </                               script                               >                   
                     </                               body                               >                   
                     </                               html                               >                   