zoukankan      html  css  js  c++  java
  • jQuery监听键盘事件及相关操作使用教程

    一、首先需要知道的是:


      1、keydown() keydown事件会在键盘按下时触发.


      2、keyup()


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


      3、keypress()


        keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键


    二、获得键盘上对应的ascII码:


      $(document).keydown(function(event){

        console.log(event.keyCode);

      });


      tips: 上面例子中,event.keyCode就可以帮助我们获取到我们按下了键盘上的什么按键,他返回的是ascII码,比如说上下左右键,分别是38,40,37,39;


    三、实例(当按下键盘上的左右方面键时)


      $(document).keydown(function(event){


        //判断当event.keyCode 为37时(即左方面键),执行函数to_left();


        //判断当event.keyCode 为39时(即右方面键),执行函数to_right();


        if(event.keyCode == 37){

          //do somethings;

        }else if (event.keyCode == 39){


          //do somethings;

        }

      });


    实例研究:


    比如:小说网站中常见的按左右键来实现上一篇文章和下一篇文章;按ctrl+回车实现表单提交;google reader和有道阅读中的全快捷键操作...(以此提高用户体验)


    如果我们要实现ctrl+Enter就是ctrl+回车提交表单,可以这样:


    $(document).keypress(function(e) {

      if (e.ctrlKey && e.which == 13)

      $("form").submit();

    })


    //键盘操作


    $(document).keydown(function(event){

      var e = event || window.event;

      var k = e.keyCode || e.which;

      switch(k) {

        case 37:

        //…

        break;

        case 39:

        //…

        break;

      }

        return false;

    });

  • 相关阅读:
    纳维-斯托克斯方程 据说 很牛 ?
    霍奇猜想
    关于 四色定理 和 霍奇猜想
    我给出了一个 四色定理 的 证明
    在 兄弟们我挡不住了 中 的 回复 续
    在 兄弟们我挡不住了 中 的 回复
    在 没什么思路,帮解答下,谢谢 中 的 回复
    在 10元悬赏 中 的 回复
    在 大家的做题热情实在是高 故开新帖继续做题 中 的 回复
    做一道 高一 求 函数 值域 的 题
  • 原文地址:https://www.cnblogs.com/xiangsj/p/5996454.html
Copyright © 2011-2022 走看看