键盘按钮事件

128 阅读1分钟

我们都知道键盘按钮都有相应的ASCII码值一一对应,开发中经常需要判断用户按下的键码来进行下一步操作,这篇文章基于jQuery库封装暴露出来的方法进行示例

1.keypress(),聚焦状态下发生键盘事件时触发

当光标聚集时,如果按下回车键就打印输出

 $("input").eq(0).keypress(event => {
     if(event.which === 13) return console.log('回车键)
 })

注意:此方法内部只绑定了主键码和数字键码,就是我们常用的一些键,需要使用更全的请使用keydown()

2.keydown(),任何状态下发生键盘按钮事件时触发

用户按下回车键弹出警告框

 $("input[type=text]").keydown(event => {
     if(event.which === 13) return alert('回车键')
 })

此方法绑定了键盘所有区域的键码,实际开发中使用最多

3.keyup,聚焦状态下按下按钮弹起时触发

当光标聚集时,如果是回车键弹出

 $("input:first").keyup(function(event){
     if(event.which === 13){
         alert('不要走,决战到天亮')
     }
 })