一、onchange
一般input type text的onchange事件的触发需要两个条件：1.输入框的值发生了改变；2.该文本框失去了焦点，而真正的事件的触发却是发生在该文本框失去焦点的时候，如果需要当值改变的时候就去触发，则需要用onpropertychange或者是oninput。
二、onpropertychange/oninput
1.在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.
2.在其他浏览器下可以使用oninput事件来达到onpropertychange事件同样的效果
三、使用onpropertychange/oninput的两种方式
1.在页面直接使用
<input type="text" name="myname" oninput="alert(this.value);" onpropertychange="alert(this.value)" />
2.把他们分离到js中的使用
注意在js中使用他们的时候oninput和普通事件注册的方法有些不同，必须使用addEventListener来注册。
<script type="text/javascript">
function testdemo(){
var element = document.getElementById("myname");
if("\v"=="v") {
element.onpropertychange = textChange;
}else{
element.addEventListener("input",textChange,false);
}
function textChange(){
alert(element.value);
}
}
</script>
<body>
<input type="text" name="myname" id="myname" />
<script type="text/javascript">
testdemo();
</script>
</body>
经过测试，兼容：IE6、IE7、IE8、Firefox
分享到：
相关推荐
onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何...
* 不足之处：1.对于复杂多行表头 不知 如何实现 * 2.表头和列固定 数据量大时 会影响反映速度 一千左右的数据量 还时没问题的 数据量在大的话 课考虑采用ajax动态加载 目前此功能还没实现 * */免费技术支持qq:...
7. **错误处理**：考虑到可能的用户输入错误，如无效的选择，需要添加适当的错误处理机制，如验证用户选择的合法性，或者在数据不足时提供合适的提示。 8. **响应式设计**：如果应用需要在不同设备上运行，确保四级...
作者谦虚地表示如果有不足之处，希望得到谅解，这提示我们可能存在一些未公开的局限性或者仍在持续改进中。 【标签】：“正则表达式” 正则表达式是这个验证框架的关键技术。正则表达式（Regular Expression）是一...
实现文件夹监控时，必须考虑错误处理，例如文件夹不存在、权限不足等情况。应适当地捕获并处理这些异常，以提供良好的用户体验。 7. **用户界面**: 本项目中的用户界面允许用户勾选要监视的文件夹，这意味着需要...
如果值不符合要求，如长度不足或为空，函数会弹出警告，并使用`focus()`和`select()`方法使输入框获取焦点并选中内容，方便用户立即修改。 这些例子涵盖了JS的基础语法，如变量、函数、事件处理和DOM操作，以及在...
1. **事件监听**：JavaScript可以通过监听`oninput`或`onChange`事件来检测用户在密码字段中的输入变化，从而实时评估密码强度。 2. **正则表达式**：正则表达式是用于模式匹配的强大工具。在密码验证中，我们可以...
`loading.gif` 在检测过程中显示加载动画，`warning.gif` 可能在密码强度不足时显示警告提示。 - `reg强弱注册页面.htm` 是包含密码输入框和上述脚本的注册页面。页面可能有一个密码输入框，一个显示密码强度的指示...
4. 事件回调：如onChange事件，当日期改变时执行回调函数。 5. 多语言支持：满足全球化的网站需求。 五、日期控件与服务器端的交互 在提交表单时，选定的日期将以ISO格式（例如"YYYY-MM-DD"）发送到服务器，服务器...
4. JavaScript的OnChange()事件适用于文本框（TextBox）、文本区域（TextArea）和列表框（ListBox）内容变化时，但不包括复选框（Checkbox）。 5. 在Word中，通过拖动标尺上的列宽调整标记，可以改变表格列的宽度。...
在JavaScript（JS）特效领域，wangEditor的出现弥补了其他代码工具在文本编辑功能上的不足。作为一款“其它代码”标签的插件，它不仅限于基本的文字输入，还支持图片上传、链接插入、表格创建、段落格式调整等多种...
7. 错误处理：在文件操作过程中，可能会遇到各种错误，如文件不存在、权限不足等。MFC提供了异常处理机制，开发者可以通过try-catch块捕获并处理这些异常，给出友好的错误提示。 总之，这个MFC记账程序是一个综合性...
VB提供了多种验证方法，例如OnChange事件、正则表达式等，可以用来实现这些功能。 5. **报表和打印**：人事系统可能需要生成员工信息报表，便于查看和打印。VB可以通过Crystal Reports或其他第三方库实现报表设计，...
为了响应用户的选择，我们需要在每个CheckBox上添加事件监听器，通常使用`onChange`事件。当用户勾选或取消勾选复选框时，该事件会被触发，从而执行相应的回调函数。 3. **状态管理**： 需要维护一个状态变量，如...
3. 扩展功能：如果原插件功能不足，可以通过继承或修改插件源码，增加新的功能，如支持多级级联、搜索过滤等。 六、实例分析 参考提供的博文链接（https://gghaomm.iteye.com/blog/1746702），可以看到具体的示例...
7. **处理错误**：当遇到无法打开文件或内存不足等问题时，需要捕获异常并进行相应的错误处理。 8. **资源管理**：当应用不再需要MuPDF时，记得释放资源。调用`MuPDFCore.close()`关闭文档，`MuPDFView.release()`...
JQueryTime日期控件则弥补了这些不足，提供了更丰富的样式、多种选择模式以及自定义事件处理，使用户体验更为友好。 JQueryTime控件通常包括以下几个关键特性： 1. **用户界面**：控件通常具有直观的界面，用户...