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


       如果能过在网页上也能实现像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>

     
  • 相关阅读:
    hdu4651(广义五边形数 & 分割函数1)
    Java基础面试题1
    Java8新特性--Lambda表达式
    Java中list在循环中删除元素的坑
    Java多线程面试题整理
    Java并发包--ConcurrentHashMap原理解析
    HashMap原理解析
    Java原子类--AtomicLongFieldUpdater
    Java原子类--AtomicReference
    Java原子类--AtomicLongArray
  • 原文地址:https://www.cnblogs.com/eoiioe/p/1136831.html
Copyright © 2020-2023  润新知