js文本框两级联动,及onkeyup和onkeydown的使用。

最简单的两级联动

document.getElementById("1").value=document.getElementById("2").value;

onkeyup和onkeydown的区别

      昨天在写上次那个动态生成年月日下拉框和文本框限制输入的时候遇到了一个问题,文本框里输入的时候要开始计算文本框里面输入了多少字,自然想到了onkeydown事件,然后计算value.length的方法,看代码吧

 

01moto.onkeydown=function(){
02        varcurlen=+this.value.length;
03        shuru.innerHTML=curlen;
04        shuru2.innerHTML=+(200-curlen);
05        if(curlen>=200){
06            this.value=this.value.substring(0,200);
07            curlen=200;
08            shuru.innerHTML=200;
09            shuru2.innerHTML=0;
10            returnfalse;
11            }
12            }
结果发现文字输入完之后字数计算的不对,本来是4个字输入完之后发现发现字数还是显示0 点击查看原图

想了好久,最后当吧onkeydown换成onkeyup之后,一切就好了

点击查看原图

查了一下然来这两个事件是有不同的

onkeydown是按下的时候触发的,这个时候键值没有输出来。onkeyup是按键抬起的时候执行的,这个时候键值已经有了。 和按多长时间没关系,比如你给输入框加这2个事件,

<input type="text" id="test1" οnkeydοwn="alert(this.value);"/>

<input type="text" id="test2" οnkeyup="alert(this.value);"/>

你看看这二个不同的运行结果就明白 了!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值