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;

    });

  • 相关阅读:
    socket套接字
    popen:让进程看似文件
    fdopen:让文件描述符像文件一样使用
    计算机"右击"管理,不出现界面,解决方案
    javaEE版本的eclipse中导入工程,发现server里面找不到工程,根本发布不了也不能运行
    初识springMVC
    数据库系统
    Red hat 下nfs服务器的搭建
    Linux下MySQL安装和配置
    复习Hibernate(1)
  • 原文地址:https://www.cnblogs.com/xiangsj/p/5996454.html
Copyright © 2011-2022 走看看