<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
/*键盘事件
* onkeydown 按键按下，一直按会连续触发
* onkeyup
* -键盘事件一般都会绑定给可以获取到焦点的对象或者是document
*/
//1.
document.onkeydown=function(event){
//keyCode来获取按键的编码，来判断那个键是否按下
//还有altKey shiftKry altKey等 来判断是否按下
// console.log("按键按下");
if(event.keyCode==89){
console.log("y键按下了");
}
if(event.altKey && event.keyCode==89){
console.log("alt+y键同时按下了");
}
}
// document.onkeyup=function(){
// console.log("按键松开");
// }
//2.
var input=document.getElementsByTagName("input")[0];
input.onkeydown=function(){
//console.log("input中按下");
//可以来限制input中不能输入数字
if(event.keyCode>=48 && event.keyCode<=57){//数字1-9对应48-57
//取消input的默认行为，使输入东西不显示
return false;
}
}
}
</script>
</head>
<body>
<form action="" method="post">
<input type="" value=""/>
</form>
</body>
</html>
JavaScript 键盘事件
猜你喜欢
转载自www.cnblogs.com/wangdongwei/p/11298276.html
今日推荐
周排行