`

onkeypress和onkeyup和onkeydown

    博客分类：
  • js
ASPMicrosoft浏览器HTML 
阅读更多
如下一段代码：

<html>
<script>
  function checkForm(){
   if(event.keyCode ==13){
     event.keyCode =9;
   }
  }
</script>
<body>
  <form name ="form1">
   <input type="text" name = "text1" onkeydown = "checkForm()">
   <input type="button" name = "button1" value="按钮">
  </form>
</body>
</html>

当按下回车时，焦点从文本框移到按钮上。如果把它换成“onkeypress”，焦点不会转移，也不会失去。但是如果换成“onkeyup”，则失去焦点，页面重新载入。msdn上有三者的区别：

名称 说明
onkeypress
这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。

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

onkeydown
这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。



（但是试验中，onkeypress好像对箭头和功能键都能识别，奇怪！）。对于onkeyup为什么会重新刷新页面，原因不详。猜想是不是浏览器对于onkeyup有默认的执行事件，其默认的执行事件就是重新载入页面。有待以后了解！还有一点要注意，就是键盘上的同一个值，可能对应的onkeypress和onkeydown（onkeyup一般和onkeydown一样）不同，比如小键盘上的“1”，对应的onkeypress的值为49，而onkeydown和onkeyup则都是97！msdn上有个例子，可以很好的查看不同的键盘值对应的不同事件值。url：http://msdn.microsoft.com/library/en-us/dnacc/html/Example3_Calculator.asp
分享到：
| js中的字符串处理函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    onkeypress和onkeydown以及onkeyup的区别

    onkeypress、onkeydown和onkeyup事件的区别 onkeypress、onkeydown和onkeyup是三种常用的JavaScript事件，都是与键盘输入相关的事件，但它们之间存在着一些细微的区别。 首先，让我们来看一下这三个事件的触发顺序...

    onkeyup，onkeydown和onkeypress的区别介绍

    在JavaScript中，`onkeyup`、`onkeydown`和`onkeypress`是三种与键盘交互相关的事件，它们各自有着特定的用途和响应时机。理解这三个事件的区别对于开发交互式网页应用至关重要。 首先，`onkeydown`事件会在用户按...

    javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick

    ### JavaScript中的键盘和鼠标事件 #### 键盘事件 在Web开发中，`keydown`、`keyup` 和 `keypress` 是JavaScript中常见的键盘事件。了解它们的触发顺序和特性对于创建交互式网页非常有帮助。 1. **keydown事件**...

    浅析OnKeyPress事件和OnKeyDownOnKeyUp事件

    浅析OnKeyPress事件和OnKeyDown、OnKeyUp事件

    js onkeypress与onkeydown 事件区别详细说明

    JavaScript中的`onkeypress`和`onkeydown`是两种常见的键盘事件，它们在处理用户与页面交互时起到关键作用。理解这两个事件的区别对于创建响应式的Web应用程序至关重要。 首先，`onkeydown`事件会在用户按下键盘上...

    javascript-event-keycode-finder:找出javascript的OnKeyDown，OnKeyUp和OnKeyPress事件调用的键码的简单工具

    本文将深入探讨`OnKeyDown`、`OnKeyUp`和`OnKeyPress`这三个JavaScript键盘事件，以及如何使用键码（key codes）来识别用户按下或释放的特定按键。 `OnKeyDown`事件是在用户按下键盘上的一个键时触发，不论该键是否...

    js键盘事件全面控制_兼容FireFox和IE

    JS 键盘事件可以分为三种类型：keydown、keypress 和 keyup，它们分别对应 onkeydown、onkeypress 和 onkeyup 这三个事件句柄。在这三个事件类型中，keydown 和 keyup 比较底层，而 keypress 比较高级。 浏览器的...

    javascript中键盘事件用法实例分析

    键盘事件包含onkeydown、onkeypress和onkeyup这三个事件 事件初始化 function keyDown(){} [removed] = keyDown; //论按下键盘上的哪个键，都将调用KeyDown()函数。 DOM标准下 function keyDown(e) { var ...

    js 键盘记录实现(兼容FireFox和IE)

    用js实现键盘记录，要关注浏览器的三种按键事件类型，即keydown，keypress和keyup，它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件，依次是keydown，keypress，...

    AlphaControls_12.13_Stable

    * Added OnEnter, OnExit, OnKeyDown, OnKeyPress and OnKeyUp events in arc controls * Added OnSetTextFromValue and OnSetValueFromText events in the TsTrackEdit component * Added OnDropDown and ...

    javascript 按键事件(兼容各浏览器)

    在本文中，我们首先介绍了JavaScript中处理键盘按键事件的三种不同类型的事件：keydown、keypress和keyup，以及它们对应的事件句柄onkeydown、onkeypress和onkeyup。这些事件类型在处理按键时是有顺序和差异的：首先...

    网页设计完整 网页设计PPT学习教案.pptx

    - **键盘类事件**：onKeyDown、onKeyPress和onKeyUp，分别对应按键按下、按下并释放以及长时间按下后释放。 - **其他类型事件**：如onLoad（页面加载完成）、onUnload（页面卸载或离开）、onScroll（滚动条移动）...

    js事件触发大全

    2. 键盘事件：onkeydown、onkeypress、onkeyup 这些事件都是与键盘相关的，例如按下键盘按键、释放键盘按键等。 3. 剪贴板事件：onbeforecut、oncut、onpaste 这些事件都是与剪贴板相关的，例如剪贴、粘贴等。 4. ...

    delphi中的按键说明[文].pdf

    `OnKeyDown`、`OnKeyPress`和`OnKeyUp`是TWinControl类（及其派生类）中用于处理键盘事件的主要方法。以下是这些事件的详细说明： 1. **OnKeyDown** 事件：当用户按下键盘上的任意键时触发，不论是否产生ASCII字符...

    Delphi版键盘虚拟键值及扫描码查询

    Delphi提供了TForm和TComponent类的OnKeyDown、OnKeyPress和OnKeyUp事件，用于处理键盘输入。在这些事件处理器中，可以访问`Key`和`Char`属性来获取虚拟键值和字符值。`Key`通常是虚拟键值，而`Char`则根据当前的...

    js 键盘事件 鼠标单击事件

    本篇文章将详细介绍`onkeypress`、`onkeyup`和`onkeydown`这三个事件。 #### 二、`onkeypress`事件 `onkeypress`事件会在用户按下并释放一个字母或数字键时触发。此事件不支持系统键（例如箭头键和功能键）。`...

    BCB 窗体与控件应用基础

    - OnKeyDown和OnKeyUp事件：分别在按键按下和释放时触发，可以获取按键的虚拟码和按键状态，如Shift、Ctrl和Alt键的状态。 - OnMouseDown、OnMouseUp和OnMouseMove事件：与鼠标操作相关，如按下、释放鼠标按钮或...

    JavaScript Cheat Sheet - JS小抄-快速查看

    常见的事件处理器包括onabort、onblur、onchange、onclick、onerror、onfocus、onkeydown、onkeypress、onkeyup、onload、onmousedown、onmousemove、onmouseout、onmouseover、onmouseup、onreset、onresize、...

Magicbox
Global site tag (gtag.js) - Google Analytics