解决步骤
1. 知道js键盘按键的事件是怎么触发的
2. 事件触发的时候 怎么区分是哪个按键
3. Enter 键是哪个?
4. 代码
问题1:js键盘按键的触发
完整的 key press过程分为两个部分:1. 按键被按下;2. 按键被松开。
onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发。
onkeyup : 键盘弹起时触发
不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件。
注:我还不是很明白这个句话的意思,谁实践过希望能留言告知,如果能有例子就更好了
区分按键
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
var x = event.keyCode; //可获得该该按键的Keycode值
Enter 的KeyCode值
Enter = 13
例子:
实现在窗口内当按下键盘的时候,触发一个SayHi的提示
document.onclick = function(ev){
var ev = ev || event; //兼容IE和FireFox Chrome 只要一个为真就可以执行
if(ev.keycode == 13)
alert("Hi");
}
完整代码
<html>
<head>
<meta charset="UTF-8">
<script>
var run = function(ev){
var ev = ev || event; //为了兼容
if(ev.keyCode == 13){
alert('Hi');
}
}
var KeyEvent = function(){
document.onkeyup = run;
}
window.onload = KeyEvent ;
</script>
</head>
<body>
</body>
</html>