zoukankan      html  css  js  c++  java
  • 前端js键盘事件以及对应code

    键盘事件

      1.keydown()事件
        当按钮被按下时,发生 keydown 事件。

      2.keypress()事件
        keypress 当按钮被按下时,会发生该事件,我们可以理解为按下并抬起同一个按键。

      3.keyup事件
        keyup 事件会在按键释放时触发,也就是你按下键盘起来后的事件

    对应代码(常用)

     使用方法

    $(document).keydown(function (event) {
        //判断当event.keyCode 为37时(即左方面键),执行函数to_left();
        //判断当event.keyCode 为39时(即右方面键),执行函数to_right();
        if (event.keyCode === 37) {
            console.log('按下了左方向键');
            //do somethings;
        } else if (event.keyCode === 39) {
            console.log('按下了右方向键');
            //do somethings;
        }
    });

    实现ctrl+Enter提交表单,代码如下:

    $(document).keypress(function(e) {
        if (e.ctrlKey && e.which === 13){
           $("form").submit();
        }
    });

    获取键码

      window.onload = function () {
      
         var keyCode;
         var isCtrl = false;
         document.onkeydown = function (e) {
            if (!keyCode) {
                 if (window.event) {
                    keyCode = event.keyCode;
                 } else if (e.which) {
                     keyCode = e.which;
                 }
                if (keyCode === 17) {
                     isCtrl = true;
                 }
                 console.log("key1:" + keyCode+",isCtrl:"+isCtrl);
             }
         };
     
         document.onkeyup = function () {
             if (keyCode) {
                 keyCode = undefined;
             }
         };
     }

     摘自http://www.cnblogs.com/zqifa/

  • 相关阅读:
    ASP实现禁止从外部提交数据
    随机提取N条记录[多种数据库方法]
    创建一个带滚动条的div
    将IP最后一位替换为星号
    用PHP5写的smtp类,支持身份验证、附件、抄送、暗送
    1004
    1021
    ProcessMonitor
    悲观锁和事务处理并发冲突
    spring.net入门
  • 原文地址:https://www.cnblogs.com/houBlogs/p/14465504.html
Copyright © 2011-2022 走看看