Javascript 键盘事件

  window.document.onkeydown = function (e) {
           var evt = window.event || e;//兼容性处理
            var keycode = evt.keyCode;
             switch (keycode) {
                  case 37://左
                          pgwSlideshow.previousSlide();
                          break;
                    case 39://右
                           pgwSlideshow.nextSlide();
                           break;
                    }
                };                  

Javascript的键盘事件

keyCode 37 为左方向键,38为上,39为右,40为下

相关键值可以参照 http://www.cnblogs.com/hsapphire/archive/2009/12/16/1625642.html

-------------------------------------------------分割线-----------------------------------------------------

一下参照http://www.jb51.net/article/44654.htm中的部分内容:

document.onkeyup =function (e) {
     var currKey=0,e=e||event;
     currKey=e.keyCode||e.which||e.charCode;
     var keyName = String.fromCharCode(currKey);
     console.log("按键码: " + currKey + " 字符: " + keyName);
 } 

上面这种方法比较巧妙,简单地解释一下: 
首先,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属性等。

时间: 2024-10-10 17:36:31

Javascript 键盘事件的相关文章

JavaScript键盘事件全面控制代码

JavaScript键盘事件全面控制,它可以捕获键盘事件的输入状态,可以判断你敲打了键盘的那个键,ctrl.shift,26个字母等等,返回具体键盘值. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>键盘事件全面控制</title> <style type="t

javascript 键盘事件总结

原文:http://www.cnblogs.com/rubylouvre/archive/2009/08/20/1550526.html#2583814 在进入正题前,我们看一下浏览器对于键盘的一些默认事件,这有助于我们用javascript截获键盘事件. 在form中, submit的快捷键是 enter,reset的快捷键是 esc.不过在IE6,safari4,ff3.5,opera10,chrome中,按Enter,不但激发form的submit事件,同时也会激发提交按钮的onclick

ckeditor 键盘事件绑定

键盘事件绑定: <html> <head> <base href="<%=basePath%>"> <title>Insert title here</title> <script type="text/javascript" src=\'#\'" /ckeditor/ckeditor.js"></script> </head> <b

Ckeditor在线文本编辑器+键盘事件绑定

示例代码: <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <%     String path = request.getContextPath();     String basePath = request.getScheme() + "://"             

JavaScript的事件对象_键盘事件

用户在使用键盘时会触发键盘事件.“DOM2 级事件”最初规定了键盘事件,结果又删除了相应的内容.最终还是使用最初的键盘事件,不过 IE9 已经率先支持“DOM3”级键盘事件. 一.键码 在发生 keydown 和 keyup 事件时,event 对象的 keyCode 属性中会包含一个代码,与键盘上一个特定的键对应.对数字字母字符集,keyCode 属性的值与 ASCII 码中对应小写字母或数字的编码相同.字母中大小写不影响. <script type="text/javascript&q

JavaScript onkeydown事件入门实例(键盘某个按键被按下)

JavaScript onkeydown 事件 用户按下一个键盘按键时会触发 onkeydown 事件.与 onkeypress事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理. 提示 Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which. onkeydown 获取用户按下的键

Javascript 事件对象(六)键盘事件

keyCode获取用户按下键盘的哪个按键 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <script> 7 /* 8 onkeydown : 当键盘按键按下的时候触发

JavaScript的事件_键盘事件的处理函数与HTML事件的处理函数

一.键盘事件的处理函数 1.keydown:当用户按下键盘上任意键触发,如果按住不放,会重复触发. <script type="text/javascript"> window.onload = function(){ onkeydown = function () {//不需要对象调用 alert('Lee'); }; } </script> </head> <body> <input type="button"

JavaScript&amp;jQuery.键盘事件

键盘事件 键盘事件,当用户操作键盘时发生. 常见的键盘事件有: input,当<input>或<textarea>元素的值发生变化时触发. keydonw,当用户按下键盘上的任意键时触发. keypress,当用户按下键盘上一个键并在屏幕上反映一个字符时触发. keyup,当用户松开键盘上一个键时触发. <html> <head> <title>TODO supply a title</title> <meta charset=