Dzwebs.Net

撰写电脑技术杂文十余年

jquery监听左右方向键的代码

Admin | 2015-9-13 10:25:33 | 被阅次数 | 5050

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  使用jquery来监听网页中的事件,是否按下了键盘上的左键和右键,其代码如下:

  <script type="text/javascript"> 
  $(document).ready(function(){
    $(document).keydown(function(event){
      var KeyNumCode=0,e=e||event;
      KeyNumCode=e.keyCode||e.which||e.charCode;
      var keyName = String.fromCharCode(KeyNumCode);
   switch(KeyNumCode)
      {
        case 37:
             alert("Left"+ keyName);
             break;
        case 39:
             alert("Right"+ keyName);
             break;
        default:
       alert("other"+ keyName);
      }
    });
  });
  </script>

  其中,keyName指的是按键对应的字符。KeyNumCode是按键对应的字母。由于存在兼容性的问题,因此,用到了e=e||event;和e.keyCode||e.which||e.charCode;这样就兼容了IE,FF,谷歌浏览器等主流的浏览器。

  上面的代码相当巧妙,首先,e=e||event;这句代码是为了进行浏览器事件对象获取的兼容。js中这句代码的意思是,如果在FireFox或Opera中,隐藏的变量e是存在的,那么e||event返回e,如果在IE中,隐藏变量e是不存在,则返回event。

  其次,currKey=e.keyCode||e.which||e.charCode;这句是为了兼容浏览器按键事件对象的按键码属性,如IE中,只有keyCode属性,而FireFox中有which和charCode属性,Opera中有keyCode和which属性等。


该杂文来自: 网页制作杂文

上一篇:JS获取主板信息的代码

下一篇:jquery动态载入图片的代码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计