在页面上的快捷键实现方法

   如果能过在网页上也能实现像Windows 一样的快捷键,是不是很cool呢!
   只要把下面这段javascript 放到网页的HTML 代码中就可以实现了,哈!
   只要把这段代码 放到<head></head>中,并且写上<body onload="ShortCuts();"></body> 就可以使用快捷键了。
    上面代码实现的是 按shift+A 则执行 add();添加新消息 ,shift+left 方向键  和 shift+right 方向键 分别是察看上一条和下一条消息
<script language="javascript">
//定义快捷键
var funcKey=null;
var shift=16;
var a=65;
var left=37;
var right=39;

function checkKey()
{
   
if (funcKey==null)funcKey=event.keyCode;
   
//shift+a 添加消息
   if (funcKey==shift && event.keyCode==a)
   
{
        funcKey
=null;
        add();        
   }

   
//shift+left 显示消息的上一条
   if(funcKey==shift && event.keyCode==left)
   
{
        funcKey
=null;
        showPreMsg();
   }

   
   
//shift+right 显示消息的下一条
   if(funcKey==shift && event.keyCode==right)
   
{
        funcKey
=null;
        showNextMsg();
   }

}


function ShortCuts()
{
    document.body.onkeydown
=checkKey;
}

</script>

 

posted on 2008-04-03 21:28  eoiioe  阅读(487)  评论(1编辑  收藏  举报

导航