1.键盘事件key
属性 描述
onkeydown 某个键盘按键被按下
onkeypress 某个键盘按键被按下。
onkeyup 某个键盘按键被松开。
事件相关的事件发生次序:
onkeydown
onkeypress
onkeyup
onkeydown onkeypress
1、前者不区分输入内容的大小写 后者区分输入内容的大小写 返回keycode是不同的
2、前者识别任何按键 后者不识别功能键
3、主要使用前者
*/
/*
e 事件对象
//css部分
<div>
<input type="text" class="inp1">
<input type="text" class="inp2">
<input type="text" class="inp3">
</div>
//script部分
<script type="text/javascript">
var inp1 = document.querySelector(".inp1");
var inp2 = document.querySelector(".inp2");
var inp3 = document.querySelector(".inp3");
inp1.onkeydown = function(e){
// console.log(e);
// if(e.keyCode != "13")return;
// console.log(this.value);
console.log(e.keyCode);
}
inp2.onkeypress = function(e){
console.log(e.keyCode);
// console.log("2");
}
inp3.onkeyup = function(){
console.log("3");
}
</script>