JS按键的代码、js回车/ctrl/ALT/SHIFT

最新推荐文章于 2024-07-28 12:46:45 发布

Roser

最新推荐文章于 2024-07-28 12:46:45 发布

阅读量1.6k

点赞数

分类专栏： Jquery资源 javascript 文章标签： xhtml insert delete 测试 function 浏览器

javascript 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

Jquery资源

2 篇文章 0 订阅

订阅专栏

<html>
<script language="javascript">
function AsaiKeyJs(){
if(event.keyCode==13){alert("你按了回车")}
if(event.shiftKey==true){alert("你按了shift")}
if(event.ctrlKey==true){alert("你按了ctrl")}
if(event.altKey==true){alert("你按了alt")}
}
</script>
<body οnkeydοwn="AsaiKeyJs()">
你可以按键盘上面的“回车”键、“shift”键、“ctrl”键、“alt”键进行测试；
</body >
</html>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></head>
<body οnkeyup="window.alert(showKeyName(event))">
按键测试，支持像 Ctrl+Alt+Shift+T 的组合键（注：非浏览器热键）
<script type="text/javascript">
function showKeyName(e)
{
var keyName;
switch(e.keyCode)
{
case 8:keyName = e.keyCode+"[退格]";break;
case 9:keyName = e.keyCode+"[Tab]";break;
case 13:keyName = e.keyCode+"[Enter]";break;
case 16:keyName = e.keyCode+"[Shift]";break;
case 17:keyName = e.keyCode+"[Ctrl]";break;
case 18:keyName = e.keyCode+"[Alt]";break;
case 19:keyName = e.keyCode+"[PauseBreak]";break;
case 20:keyName = e.keyCode+"[Caps Lock]";break;
case 27:keyName = e.keyCode+"[Esc]";break;
case 32:keyName = e.keyCode+"[空格]";break;
case 33:keyName = e.keyCode+"[PageUp]";break;
case 34:keyName = e.keyCode+"[PageDown]";break;
case 35:keyName = e.keyCode+"[End]";break;
case 36:keyName = e.keyCode+"[Home]";break;
case 37:keyName = e.keyCode+"[方向键左]";break;
case 38:keyName = e.keyCode+"[方向键上]";break;
case 39:keyName = e.keyCode+"[方向键右]";break;
case 40:keyName = e.keyCode+"[方向键下]";break;
case 45:keyName = e.keyCode+"[Insert]";break;
case 46:keyName = e.keyCode+"[Delete]";break;
case 91:keyName = e.keyCode+"[左Win]";break;
case 92:keyName = e.keyCode+"[右Win]";break;
case 93:keyName = e.keyCode+"[快捷菜单键]";break;
case 95:keyName = e.keyCode+"[Sleep]";break;
case 96:keyName = e.keyCode+"[小键盘区0]";break;
case 97:keyName = e.keyCode+"[小键盘区1]";break;
case 98:keyName = e.keyCode+"[小键盘区2]";break;
case 99:keyName = e.keyCode+"[小键盘区3]";break;
case 100:keyName = e.keyCode+"[小键盘区4]";break;
case 101:keyName = e.keyCode+"[小键盘区5]";break;
case 102:keyName = e.keyCode+"[小键盘区6]";break;
case 103:keyName = e.keyCode+"[小键盘区7]";break;
case 104:keyName = e.keyCode+"[小键盘区8]";break;
case 105:keyName = e.keyCode+"[小键盘区9]";break;
case 106:keyName = e.keyCode+"[*]";break;
case 107:keyName = e.keyCode+"[+]";break;
case 109:keyName = e.keyCode+"[-]";break;
case 110:keyName = e.keyCode+"[.]";break;
case 111:keyName = e.keyCode+"[/]";break;
case 112:keyName = e.keyCode+"[F1]";break;
case 113:keyName = e.keyCode+"[F2]";break;
case 114:keyName = e.keyCode+"[F3]";break;
case 115:keyName = e.keyCode+"[F4]";break;
case 116:keyName = e.keyCode+"[F5]";break;
case 117:keyName = e.keyCode+"[F6]";break;
case 118:keyName = e.keyCode+"[F7]";break;
case 119:keyName = e.keyCode+"[F8]";break;
case 120:keyName = e.keyCode+"[F9]";break;
case 121:keyName = e.keyCode+"[F10]";break;
case 122:keyName = e.keyCode+"[F11]";break;
case 123:keyName = e.keyCode+"[F12]";break;
case 144:keyName = e.keyCode+"[NumLock]";break;
case 145:keyName = e.keyCode+"[ScrollLock]";break;
case 186:keyName = e.keyCode+"[;]";break;
case 187:keyName = e.keyCode+"[=]";break;
case 188:keyName = e.keyCode+"[,]";break;
case 189:keyName = e.keyCode+"[-]";break;
case 190:keyName = e.keyCode+"[.]";break;
case 191:keyName = e.keyCode+"[/]";break;
case 192:keyName = e.keyCode+"[`]";break;
case 219:keyName = e.keyCode+"[[]";break;
case 220:keyName = e.keyCode+"[\\]";break;
case 221:keyName = e.keyCode+"[]]";break;
case 222:keyName = e.keyCode+"[']";break;
//case 255:keyName = e.keyCode+"[Power]";break;
case 255:keyName = e.keyCode+"[Wake]";break;
default:keyName = e.keyCode+"[" + String.fromCharCode(e.keyCode) + "]";break;
}
if((e.shiftKey)&&(e.keyCode!=16)){keyName = e.keyCode+"[Shift] + " + keyName;}
if((e.altKey)&&(e.keyCode!=18)){keyName = e.keyCode+"[Alt] + " + keyName;}
if((e.ctrlKey)&&(e.keyCode!=17)){keyName = e.keyCode+"[Ctrl] + " + keyName;}
return keyName;
}
</script>

<script language="javascript">
function window.document.onkeyup()
{
alert(event.keyCode);
}
</script>


</body>

</html>

jQuery中对键盘事件进行了修正
调用函数的时候传入事件即可。
通过事件的which可以找到键码
不过当有组合键的时候还需要注意一下
如ctrl+enter键，虽然都是用e.ctrlKey但是 enter键的键码不是始终为13了
在ff中判断 ctrl+enter 是 e.ctrlKey && e.which ==13
在ie6中判断ctrl+enter 是 e.ctrlKey && e.which ==10

示例：

$(document).keypress(function(e){
        if(e.ctrlKey && e.which == 13 || e.which == 10) { 
                $("#btn").click();
                document.body.focus();
        } else if (e.shiftKey && e.which==13 || e.which == 10) {
                $("#btnv").click();
                document.body.focus();
        }          
 })