输入框的字数时时统计—关于 onpropertychange 和 oninput

做一个输入框的字符统计，限制输入字符数量， 即在输入框的内容发生变化的时候改统计字符长度。 跟新浪微博一样，统计字符数量，不超过140字。

网上看到很方便实现这个功能的事件：

IE 中的 onpropertychange

非IE中的 oninput

用这两事件的好处是，当在输入框的内容发生变化调用事件，使用key 和 mouse的相关事件会比较复杂，而且这个方法用粘贴方法一样有效。 不过用js改变input的value值不会发生这两个事件。

在中文本框中添加两个事件的方法就可以了。（看到网上说非ie中的oninput方法要用addEventListener绑定，用 element.oninput = function(){...}不行，可是我在火狐6中是可以的，不过为了安全起见，这里我还是使用标准的方法 element.addEventListener('input',function(){...})实现 ）

在IE中 使用 element.attachEvent('onpropertychange', function(){...})方法。 不过，因为ie中会判断所有的属性发生变化，这样会发生很多不必要的工作，而且有时候会出现问题，无法调用函数。 所以这里我只对当value属性发生变化的时候进行判断(事件对象的propertyName属性)，并调用方法。  结果是：

element.attachEvent('onpropertychange', function(){if(window.event.propertyName == "value"){...})

http://jsfiddle.net/LVgpW/17/

转载于:https://www.cnblogs.com/zsk526/archive/2011/10/21/2220183.html