主页 > 专题教程 > javascript > js基础 >
来源:自学PHP网 时间:2018-02-08 10:24 作者: 阅读:次
[导读] 当我们在使用键盘的时候就会发生键盘事件。键盘事件主要遵循DOM0级规范,有3个键盘事件:keydown、keypress和keyup事件。...
当我们在使用键盘的时候就会发生键盘事件。键盘事件主要遵循DOM0级规范,有3个键盘事件:
当我们按下键盘上的一个字符键的时候,首先会触发的是 如果我们按下的不是一个字符键,那么首先会触发的是 键盘事件和一样,都支持相同的功能键。键盘事件的事件对象中也有shiftKey、ctrlKey、altKey和metaKey属性。IE不支持metaKey属性。
当发生 function addEventHandler(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element["on" + type] = handler; } } var textInput = document.getElementById("myInput"); addEventHandler(textInput,"keyup",function(event){ event = event || window.event; console.info("您按下的按键的编码为:"+event.keyCode); }); 下表中列出了所有非字符键的键码。
在所有的浏览器中,按下能够插入或删除字符的键都会触发 Firefox、Chrome和Safari的event对象都支持一个 如果想要跨浏览器获取字符编码,首先必须检测 /* 跨浏览器获取字符编码 */ function getCharCode(event){ if(typeof event.charCode == "number"){ return event.charCode; }else{ return event.keyCode; } } 这个方法首先会检测 function addEventHandler(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachEvent("on"+type,handler); }else{ element["on" + type] = handler; } } function getCharCode(event){ if(typeof event.charCode == "number"){ return event.charCode; }else{ return event.keyCode; } } var textInput = document.getElementById("myInput"); addEventHandler(textInput,"keypress",function(event){ event = event || window.event; console.info("您按下的按键的字符编码为:"+getCharCode(event)); }); 在获取字符的编码之后,就可以通过 下面是IE10浏览器控制台返回结果的截图: |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com