做如下图这样一个输入框,并实时监测输入框中的字数变化,因此用到了onpropertychange事件,oninput事件,下面便对这些事件做如下分析。
onpropertychange:DOM任何节点的属性发生变化时触发,包括js修改的属性。但是这是IE特有的一个事件;
oninput:仅仅在input的value值发生改变才会触发,鼠标键盘复制粘贴均可以触发,但是js修改其value值则不会触发。(chrome/safari/ff/opera/IE9+)
onchange:域的内容改变,并且失去焦点时触发(js改变其内容时不会触发)。
onkeyup:在键盘松开时触发。(如果用鼠标复制粘贴则不会触发)
在textarea中,如果想捕获用户的键盘输入,用onkeyup检查事件就可以了,但是onkeyup并不支持复制和粘贴,因此需要动态监测textarea中值的变化,这就需要onpropertychange(用在IE浏览器)和oninput(非IE浏览器)结合在一起使用了。
下面附上代码:
html css
1 2 3 4 5实时动态检测input字数 6 32 33 34 3536 我要评论: 您还可以录入300字373839 40 4142 43
script
附言:小妹2014年毕业现在还在实习阶段,以上内容如有错请各位大神多多指点。