介绍javascript中onkeyup和onkeydown的区别

昨天写最后一个动态生成的下拉框和文本框限制输入的时候，遇到了一个问题。在文本框中输入时，我开始计算文本框中输入了多少单词。我很自然地想到了onkeydown事件，然后计算了value.length的方法看看代码。复制代码如下： moto . onkeydown=function(){ var curl=this . value . length；shuru.innerHTML=柯林；Shur U2 . innerhtml=(200-柯林)；if(柯林=200){ this . value=this . value . substring(0，200)；柯林=200；shuru.innerHTML=200Shur U2 . innerhtml=0；返回false}}结果发现输入文本后字数计算不正确。最初发现输入4个字后，字数仍然是0。

我想了很久，最后当onkeydown换成onkeyup的时候，一切都好了。

经过核对，这两个事件是不同的。按下onkeydown时触发，此时不输出键值。Onkeyup在键被引发时执行，此时键值已经存在。压多久不重要。例如，如果将这两个事件添加到输入框中，复制代码如下： inputtype=' text ' ID=' test1 ' onkeydown=' alert(this。值)；'/input type=' text ' id=' test2 ' onkey up=' alert(this . value)；'/看这两个不同的跑步成绩就能明白！复制代码如下：DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www . w3 . org/TR/HTML 4/loose . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8 ' title在此插入标题/title /head body输入类型=' text ' id=' test1 ' onkey down=' alert(this . value)；'/input type=' text ' id=' test2 ' onkey up=' alert(this . value)；'//body /html onkeydown按下即触发，此时不输出键值。Onkeyup在键被引发时执行，此时键值已经存在。不管你按多长时间，例如，如果你将这两个事件添加到输入框中，