JavaScript截获回车键的方法并模拟Tab键

使用JavaScript处理键盘按键事件,例如回车、tab、ESC等,原理很简单,处理window.event.keyCode对象就好了。
window.event.keyCode 获取当前按键的ASCII码。
之前在网上看书的时候,老是但愿能有一个功能,当按"->"方向键时,能够自动跳转到下一章,今天终于实现了这个功能,顺便也掌握了js中判断键盘按键的方法.权以此文志之!
判断方法:
在填写表单时,习惯性会按下回车键,这将致使表单提交,很很差,这里介绍一个方法截获它。
  其实很简单,只要在想截获的区域增长Onkeydown事件函数,并在执行函数中写下以下语句:
  if (window.event.keyCode==13) window.event.keyCode=0
  这样就取消回车键了
  若是想模拟Tab键,只要写成
  if (window.event.keyCode==13) window.event.keyCode=9
  就好了,它会跳到另外一个元素上。
表 3. DHTML 键盘事件html

名称 说明
onkeypress
这个事件在用户按下并放开任何字母数字键时发生。系统按钮(例如,箭头键和功能键)没法获得识别。函数

onkeyup
这个事件在用户放开任何先前按下的键盘键时发生。htm

onkeydown
这个事件在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。
 对象

示例:
function document.onkeydown()
{
if ( event.keyCode=='39' ) //->右箭头
{
window.open("http://www.163.com");
}
}事件

function document.onkeypress()
{
if ( event.keyCode=='43' )
{
alert( '你输入了键盘的 “ + ” 键');
}
}
在使用JavaScript作WEB键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序以下:onkeydown -> onkeypress ->onkeyup。在通常状况下,采用三种键盘事件都可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不一样的差异。
onkeypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应,onkeydown和onkeyup都可以对系统功能键进行有效的拦截,但事件截获的位置不一样,能够根据具体的状况选择不一样的键盘事件。
因为onkeypress不能对系统功能键进行捕获,致使window.event对象的keyCode属性和onkeydown,onkeyup键盘事件中获取的keyCode属性不一样,主要表如今onkeypress事件的keyCode对字母的大小写敏感,而onkeydown、onkeyup事件不敏感;onkeypress事件的keyCode没法区分主键盘上的数字键和付键盘数字键的,而onkeydown、onkeyup的keyCode对主付键盘的数字键敏感。
本文来源于 龙卷风资讯网 http://www.ljf.cn/ ;原文地址:http://www.ljf.cn/2010/2/Item251566.htmlip

相关文章
相关标签/搜索