Input的特殊事件onpopertychange和oninput

转载:http://www.cnitblog.com/flashlizi/archive/2007/11/13/36226.html

在很多情况下,我们需要监测输入框,比如自动提示等。我们熟知的一些input的按键事件并不能满足我们的需求,特别是在输入法开启的状态下,三个浏览器的具体问题如下:

  • IE:触发keydown和keyup,不触发keypress。能够获得输入值。
  • Firefox::触发keydown和keypress,不触发keyup。输入值未能获得。在回车后会触发keyup,可获得输入值。
  • Opera:keydown、keypress和keyup都不触发,输入值也未能获。

幸好我们还有一些秘密武器onpopertychange和oninput。onpopertychange事件只在IE下才有效,oninput事件则支持FF/Opera/Safari/NetScape。这2个事件在输入开启状态下仍然可以捕获输入框的输入动作及其值。

代码演示:

<script>function checkLength(obj,maxlength){  

if(obj.value.length> maxlength){  

obj.value= obj.value.substring(0,maxlength);  

}

}</script>

<textareaonpropertychange="checkLength(this,2);" oninput="checkLength(this,2);"></textarea>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值