onkeyup,onkeydown,onkeypress差异

onkeyup,onkeydown,onkeypress区别

在使用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对主付键盘的数字键敏感。 ?? 在Maxthon浏览器中，onkeydown和onkeyup有连续响应两次键盘事件的BUG，onkeydown不能正常地对F1~F12的功能键进行正常的截获(onkeyup没有发现该问题)，具体原因不明。不知道以后是否会进行订正。 ?? ?? 键盘事件包括keydown、kepress和keyup三种，每次敲击键盘都会(依次？)触发这三种事件，其中keydown和keyup是比较低级的接近于硬件的事件，通俗的理解是这两个事件可以捕获到你敲击了键盘中某个键；而keypress是相对于字符层面的较为高级点的事件，这个事件能够捕捉到你键入了哪个字符。可以这样理解，如果你敲击了A键，keydown和keyup事件只是知道你敲击了A键，它并不知道你敲的是大写的A(你同时按下了Shift键)还是敲的是小写a，它是以System: ESC, SPACEBAR, ENTER
如果是输入Ctrl+C、Delete之类的，就不会产生该事件。
特别注意：对于中文没有效果
获取所按的键ASCII码（即大小写字母有分），可使用event.keyCode，要转换也可以对event.keyCode进行操作。
事件产生时value还没有包含所输入的字符。
如果要取消输入，可以使用event.keyCode = 0，也可以使用event.returnValue = false。
想获取控制键的情况，则使用event.altKey、altLeft、ctrlKey、ctrlLeft、shiftKey、shiftLeft。
当按住键盘不放时，会持续产生该事件。

这样看来，它只能处理中规中矩的事情。如输入只能大写，输入只能数字（但粘贴功能还会破坏这些规则）。

onkeydown：任何按键都能产生该事件，
即使按一下Ctrl键，也是激发该事件
用输入法输入中文时，每输入一个编码都产生一个事件，多得让人受不了，并且获得到的keyCode却是229。
其获取的是键盘的扫描码（即大小写字母不分），可使用event.keyCode，但不能使用event.keyCode来修改。（但这又是个例外：if (event.keyCode === 13) event.keyCode = 9;）
事件产生时value还没有包含所输入的字符。
如果要取消输入，不能使用event.keyCode = 0这种方式，但可以使用event.returnValue = false。
当按住键盘不放时，会持续产生该事件。

onkeyup：任何按键都能产生该事件，
即使按一下Ctrl键，也是激发该事件
用输入法输入中文时，每输入一个编码都产生一个事件，虽然也没办法获取汉字，但keyCode还好是编码。
其获取的是键盘的扫描码（即大小写字母不分），可使用event.keyCode，但不能使用event.keyCode来修改。
事件产生时value已经包含所输入的字符了。
event.keyCode = 0 与 event.returnValue = false都不能取消该事件。
当按住键盘不放时，不会持续产生该事件。只有最后放开，才产生。

我的目的是限制用户输入的长度（特别是中文），看了这三个事件，都没有一个方便的家伙。

有一种观点：长度验证不必在输入时进行，只要在光标离开或提交时验证，其实这不是最理想的，试想一下，一个输入框，用户心血来潮地输入了一大堆东西，然后提交，这时系统才告诉他不能输入这么多，这是个糟糕的体验。

另外我也看到一种处理方法：在输入框的onkeypress、onkeyup、onblur、onchange事件中全部加上超长取消的处理。感觉太多了，只要onkeyup体现即时控制，onchange处理鼠标粘贴、拖入这两个动作就可以了。