javascript中的onkeyup和onkeydown区别介绍_基础知识
程序员文章站
2022-05-24 13:59:20
...
昨天在写上次那个动态生成年月日下拉框和文本框限制输入的时候遇到了一个问题,文本框里输入的时候要开始计算文本框里面输入了多少字,自然想到了onkeydown事件,然后计算value.length的方法,看代码吧
moto.onkeydown=function(){
var curlen=+this.value.length;
shuru.innerHTML=curlen;
shuru2.innerHTML=+(200-curlen);
if(curlen>=200){
this.value=this.value.substring(0,200);
curlen=200;
shuru.innerHTML=200;
shuru2.innerHTML=0;
return false;
}
}
结果发现文字输入完之后字数计算的不对,本来是4个字输入完之后发现发现字数还是显示0
想了好久,最后当吧onkeydown换成onkeyup之后,一切就好了
查了一下然来这两个事件是有不同的
onkeydown是按下的时候触发的,这个时候键值没有输出来。 onkeyup是按键抬起的时候执行的,这个时候键值已经有了。和按多长时间没关系,比如你给输入框加这2个事件,
你看看这二个不同的运行结果就明白 了!
Insert title here
onkeydown是按下的时候触发的,这个时候键值没有输出来。
onkeyup是按键抬起的时候执行的,这个时候键值已经有了。
和按多长时间没关系,比如你给输入框加这2个事件,
复制代码 代码如下:
moto.onkeydown=function(){
var curlen=+this.value.length;
shuru.innerHTML=curlen;
shuru2.innerHTML=+(200-curlen);
if(curlen>=200){
this.value=this.value.substring(0,200);
curlen=200;
shuru.innerHTML=200;
shuru2.innerHTML=0;
return false;
}
}
结果发现文字输入完之后字数计算的不对,本来是4个字输入完之后发现发现字数还是显示0
想了好久,最后当吧onkeydown换成onkeyup之后,一切就好了
查了一下然来这两个事件是有不同的
onkeydown是按下的时候触发的,这个时候键值没有输出来。 onkeyup是按键抬起的时候执行的,这个时候键值已经有了。和按多长时间没关系,比如你给输入框加这2个事件,
复制代码 代码如下:
你看看这二个不同的运行结果就明白 了!
复制代码 代码如下:
onkeydown是按下的时候触发的,这个时候键值没有输出来。
onkeyup是按键抬起的时候执行的,这个时候键值已经有了。
和按多长时间没关系,比如你给输入框加这2个事件,
推荐阅读
-
Angular.js中ng-if、ng-show和ng-hide的区别介绍
-
Javascript中类式继承和原型式继承的实现方法和区别之处
-
jQuery中的read和JavaScript中的onload函数的区别
-
Javascript中的原型链和继承介绍
-
CSS3中background-clip和background-origin的区别示例介绍
-
JavaScript中toLocaleString()和toString()的区别实例分析
-
有关javascript中Null和Undefined的区别讲解
-
Oracle中的Connect/session和process的区别及关系介绍
-
主板中的uATX板型和ATX板型的区别介绍
-
javaScript中"=="和"==="的区别详解