IP地址输入框(监听输入框的值改变事件以及限制输入)

onkeydown限制字符输入,oninputonpropertychange监听输入框的值改变事件。演示地址:Ip-InputGit@OSC:Ip-Input

1、限制用户的键盘输入,只允许输入数字以及退格等操作,使用onkeydown事件,监听键盘按键代码,如果不是我们允许的输入,则禁止输入。

2、onkeydown的不足:假设我们想要限制数字的大小,最大不能超过255,用onkeydown就无能为力了,因为onkeydown事件所取得输入框的值为事件触发之前的值,而不是事件之后的值,假设你当前的值为250,继续敲击,触发onkeydown事件,取得值为250,小于255,onkeydown会允许输入,结果值大于255;而且onkeydown无法监听通过粘贴产生的值。

3、解决办法是监听值的改变事件,不如改变的途径如何(输入或者粘贴),只要改变即触发事件;事件分两种;通用的oninput与 IE8 及以下使用onpropertychange:

发表评论

电子邮件地址不会被公开。 必填项已用*标注