onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件. 这样一来问题就解决了. 那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了. 但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效. 好了, 以下是演示例子, 主流浏览器都没问题: on用onpropertychange,oninput事件解决onchange事件的不足 by koyoz.com *{font-size:14px;font-family:'Comic Sans MS', Verdana} body {margin-left:20px} 使用onchange事件: 使用onpropertychange/oninput事件: 结果: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　网易JS面试题与Javascript词法作用域说明

调用对象位于作用域链的前端，局部变量（在函数内部用var声明的变量）、函数参数及Arguments对象都在函数内的作用域中——这意味着它们隐藏了作用域链更上层的任何同名的属性。 2010年9月14日，我去参加网易网页工>>>详细阅读

本文标题：javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

地址：http://www.17bianji.com/kaifa2/JS/25444.html

 1/2    1