<body>
<input type="text" placeholder="请输入内容" />
<script>
/*
1.键盘事件总结
onfocus : 成为键盘焦点
onblur : 失去键盘焦点
oninput : 键盘输入
* 实时获取输入内容
onkeydown : 键盘按下
* 监听enter键
onkeyup : 键盘松开
2.如何获取用户按键
e.key : 获取字符串 'Enter'
e.keyCode : 获取键盘码ASCII码 13
* 键盘上每一个按键对应一个数字，称之为ASCII码
*/
document.querySelector('input').onkeydown = function(e){
console.log(e)
console.log(e.key,e.keyCode)
// console.log('1-键盘按下')
if(e.key == 'Enter'){
console.log('执行搜索功能');
}
// keyCode : enter的ascii码
if(e.keyCode == 13 ){
console.log('执行搜索功能')
}
}
document.querySelector('input').onkeyup = function(){
// console.log('2-键盘松开')
}
</script>
