网页中的键盘事件处理
2010-05-31 11:42
405 查看
一、网页键盘事件的侦听捕获和处理
对网页中的键盘事件进行侦听、捕获和处理时,主要采用onkeypress、onkeydown、onkeyup这三个事件来进行。
三个事件的执行顺序为:
onkeydown -> onkeypress -> onkeyup
需要注意的是,对同一个键,三个事件捕获的keycode有时是不同的。例如,对Shift+A,在onkeydown中捕获的是shift,在 onkeypress 和 onkeyup 中捕获的是A;对Esc,onkeypress 和 onkeydown不能捕获,而 onkeyup 可以捕获。
我们可以根据具体的情况选择不同的键盘事件。
示例:
二、设置热键
在Windows系统的对话框中,如果某个控件指定有热键X,那么我们按ALT+X就可以实现这个控件的聚焦或操作。在Web网页的form框中,我们可以利用ACCESSKEY属性来指定热键。
示例:
按Alt+N试试。
对网页中的键盘事件进行侦听、捕获和处理时,主要采用onkeypress、onkeydown、onkeyup这三个事件来进行。
事件名称 | 说明 |
onkeydown | 1、在用户按下任何键盘键(包括系统按钮,如箭头键和功能键)时发生。 2、字母键均视为大写。 3、区分主副键盘的数字键。 |
onkeypress | 1、在用户按下并放开任何字母、数字、标点符号键时发生。系统按钮(例如,箭头键和功能键)则无法得到识别。 2、区分字母大小写。 3、不区分主副键盘的数字键。 |
onkeyup | 1、在用户放开任何先前按下的键盘键时发生。 2、字母键均视为大写。 3、区分主副键盘的数字键 |
三个事件的执行顺序为:
onkeydown -> onkeypress -> onkeyup
需要注意的是,对同一个键,三个事件捕获的keycode有时是不同的。例如,对Shift+A,在onkeydown中捕获的是shift,在 onkeypress 和 onkeyup 中捕获的是A;对Esc,onkeypress 和 onkeydown不能捕获,而 onkeyup 可以捕获。
我们可以根据具体的情况选择不同的键盘事件。
示例:
function document.onkeydown() { if (38==event.keyCode) //按下↑键 { window.open("http://blog.csdn.net/purpleendurer"); } }
二、设置热键
在Windows系统的对话框中,如果某个控件指定有热键X,那么我们按ALT+X就可以实现这个控件的聚焦或操作。在Web网页的form框中,我们可以利用ACCESSKEY属性来指定热键。
示例:
<FORM> <LABEL FOR="Namebox" ACCESSKEY="N">姓名(<U>N</U>):</LABEL> <INPUT TYPE="TEXT" ID="Namebox" SIZE="30"> </FORM>
按Alt+N试试。
相关文章推荐
- ActionScript中键盘事件的处理
- 精通Silverlight——12.2 处理键盘和鼠标事件
- Cocoa:应用内键盘事件处理
- android的frameworks层键盘事件处理流程分析
- iPhone开发 当输入的键盘会挡住UITextField的处理事件
- Android的frameworks层键盘事件处理流程分析
- android的frameworks层键盘事件处理流程分析
- Android的键盘事件处理流程学习
- iOS自动处理键盘事件的第三方库:IQKeyboardManager
- js处理键盘事件
- linux 处理键盘 鼠标事件
- android的frameworks层键盘事件处理流程分析
- 如何:将多个事件连接到 ASP.NET 网页中的单个事件处理程序
- JAVA键盘事件处理
- (6):Silverlight 2 键盘事件处理
- 【Appium+python】特殊键盘事件处理-国产机型的搜索处理。
- JavaScript 键盘事件处理
- Qt学习之路——— Qt键盘、鼠标事件的处理
- 【DFB】IDirectFBInputDevice 方式处理事件 --键盘移动一个图片显示
- Chromium网页输入事件处理机制简要介绍和学习计划