js 监听键盘事件

最新推荐文章于 2024-11-09 00:53:03 发布

geelong2010

最新推荐文章于 2024-11-09 00:53:03 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript XHTML Microsoft HTML ViewUI

本文链接：https://blog.youkuaiyun.com/geelong2010/article/details/83766014

本文提供了一个简单的HTML页面示例，展示了如何使用JavaScript监听键盘事件。通过检测特定组合键（Ctrl + Enter），触发相应的提示信息。该示例适用于前端开发者学习键盘事件处理的基础。

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
//1
var size=0;
var key=new Array();

   function keyDown(e) {
       if(navigator.appName == "Microsoft Internet Explorer")
       {
           var keycode = event.keyCode;
           var realkey = String.fromCharCode(event.keyCode);
       }else{
           var keycode = e.which;
           var realkey = String.fromCharCode(e.which);
       }
	   key[size]=keycode;
	   size+=1;
	   if(size==2&&key[0]==17&key[1]==13){
	   
//	   &&key[0]==17&key[1]==13
           alert(key[0]);
		   alert(key[1]);
           alert("a");
		   size=0;
	   }
	   
//       alert("按键码: " + keycode + " 字符: " + realkey);
   }
   document.onkeydown = keyDown;

//2
//    function keyUp(e) {
//       var currKey=0,e=e||event;
//       currKey=e.keyCode||e.which||e.charCode;
//       var keyName = String.fromCharCode(currKey);
//       alert("按键码: " + currKey + " 字符: " + keyName);
//   }
//   document.onkeyup = keyUp;
//alert(window.event.ctrlKey);
   
</script>
</head>

<body>
</body>
</html>