zoukankan      html  css  js  c++  java
  • 在页面上的快捷键实现方法

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

     
  • 相关阅读:
    分布式缓存
    分布式事务
    数据库系列-分库分表
    消息队列系列-简介
    JAVA系列-引用
    生产环境CPU占用过高分析
    技术书单(部分)
    GitHub的强大搜索功能简介
    VS2019 community版本下载Extension太慢解决方案
    Python2同时输出中文和变量时中文乱码
  • 原文地址:https://www.cnblogs.com/eoiioe/p/1136831.html
Copyright © 2011-2022 走看看