知识大全 javascript的键盘控制事件

Posted 2022-07-20 语句

篇首语：识字粗堪供赋役，不须辛苦慕公卿。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 javascript的键盘控制事件相关的知识，希望对你有一定的参考价值。

　　获取键盘控制事件是实现交互性最有力的方法之一　首先需要了解的是如何初始化该事件基本语句如下　document onkeydown = keyDown 　当浏览器读到这个语句时无论按下键盘上的哪个键都将呼叫KeyDown()函数　捕获键盘事件对于不同的浏览器来说有点困难我们分别的来学习不同浏览器的实现语句　Netscape 　Netscape的程序实现要比IE麻烦你必须放一个特别的语句来使Netscape始终去检查击键事件如果没有这行语句击键事件将与按下鼠标事件搞混特别语句如下　document onkeydown = keyDown if (ns ) document captureEvents(Event KEYDOWN) 　keyDown()函数有一个隐藏的变量一般的我们使用字母 e 来表示这个函数　function keyDown(e) 　变量e表示发生击键事件寻找是哪个键被按下使用以下属性　 e which 　这将给出该键的索引值把索引值转化成该键的字母或数字值写　 String fromCharCode(e which) 　把上面的语句放在一起我们可以知道被按下的是哪一个键 function keyDown(e) 　var keycode = e which 　var realkey = String fromCharCode(e which) 　alert( keycode: + keycode + realkey: + realkey) document onkeydown = keyDown document captureEvents(Event KEYDOWN)

　　Internet Explorer 　IE的程序与Netscape类似但它不需要e变量用window event keyCode来代替e which 把键的索引值转化为真实键值方法类似 String fromCharCode(event keyCode) 程序如下　function keyDown() 　var keycode = event keyCode 　var realkey = String fromCharCode(event keyCode) 　alert( keycode: + keycode + realkey: + realkey) document onkeydown = keyDown document onkeydown = keyDown 　适用于两者的程序　用两种浏览器检查上述实例你会发现执行结果不总是一样的这是因为两种浏览器的键盘代码设置不相同因此你必须使用单独的代码分别来写这段程序而毫无别法　建议你要完全忘掉实际的键值仅仅使用键盘的代码值来工作下面这段程序将视情况而设置如果是用IE的话 ieKey生效把nKey设为如果是用Netscape的话 nKey生效把nKey设为然后用一个警示框来显示两者的值　　 function keyDown(e) 　　if (ns ) 　　　var nKey=e which; 　　　var ieKey= 　　　　if (ie ) 　　　var ieKey=event keyCode; 　　　var nKey= 　　　　alert( nKey: +nKey+ ieKey: + ieKey) document onkeydown = keyDown if (ns ) document captureEvents(Event KEYDOWN) 　使用键盘移动对象　下面的程序实现用键盘移动对象程序将检查哪一个键被按下从而调用相应的函数来移动对象本例中当字母 A 被按下时对象就开始移动字母 A 键在nKey中的值是 ieKey的值为在程序中将分别检查这两个值

　　function init() 　　if (ns ) block = document blockDiv 　　if (ie ) block = blockDiv style 　　block xpos = parseInt(block left) 　　document onkeydown = keyDown 　　if (ns ) document captureEvents(Event KEYDOWN) function keyDown(e) 　　if (ns ) var nKey=e which; var ieKey= 　　if (ie ) var ieKey=event keyCode; var nKey= 　　if (nKey== || ieKey== ) // 如果 A 键按下　　　　slide() 　　 function slide() 　　block xpos += 　　block left = block xpos 　　status = block xpos // 这一句不一定需要只是为了检查状态　　setTimeout( slide() ) 　增加 Active 变量　上面程序稍微有些不足对象移动以后就无法使它停止了而且当你多按几次Ａ键时物体将运动得越来越快这里我们来修补它　使用变量 active 来改变这种情况插入if语句来检查函数是否重复　　 function slide() 　　if (myobj active) 　　myobj xpos += 　　myojb left = myobj xpos 　　setTimeout( slide() ) 　　　在这种情况中 slide()函数只有在myobj active值为真的时候才会工作当myobj active值为假时对象将停止移动　使用 onKeyUp 和 Active 变量

cha138/Article/program/Java/JSP/201311/19754