我们都知道键盘按钮都有相应的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('不要走,决战到天亮')
}
})