HTML文本框内容发生变化时引发事件执行
来源:互联网 发布:sony 摄像机 网络直播 编辑:程序博客网 时间:2024/06/10 09:07
最近在做的程序中需要这样的一个功能:当HTML文本框内容生发变化时执行JavaScript函数.
最初的想法是使用onchange,但这个事件只有当文本框失去焦点时才会触发,后来就找到了onpropertychange事件.如下:
但很快发现存在问题.在使用微软拼音输入法和部分五笔输入法时,每次有键按下都会触发onpropertychange事件.
想来想去,改于onkeyup事件加判断条件来处理,代码如下:
由一个变量sOldValue记录文本框原始值,onKeyUp时,判断新值与原始值比较是否有发生变化.若有变化时,执行相应的处理.
最初的想法是使用onchange,但这个事件只有当文本框失去焦点时才会触发,后来就找到了onpropertychange事件.如下:
<input id="textRoad" type="text" size="15" onpropertychange="alert(this.value);">
但很快发现存在问题.在使用微软拼音输入法和部分五笔输入法时,每次有键按下都会触发onpropertychange事件.
想来想去,改于onkeyup事件加判断条件来处理,代码如下:
<SCRIPT language="JavaScript">
var sOldValue;
sOldValue = "";
function tttt(vNewValue)
{
//alert(vNewValue);
if (sOldValue != vNewValue)
{
alert(vNewValue);
sOldValue = vNewValue;
}
}
</script>
<body">
<!--<input id="textRoad" type="text" size="15" onpropertychange="alert(this.value);">-->
<input id="textRoad" type="text" size="15" onKeyUp="tttt(this.value)">
</body>
var sOldValue;
sOldValue = "";
function tttt(vNewValue)
{
//alert(vNewValue);
if (sOldValue != vNewValue)
{
alert(vNewValue);
sOldValue = vNewValue;
}
}
</script>
<body">
<!--<input id="textRoad" type="text" size="15" onpropertychange="alert(this.value);">-->
<input id="textRoad" type="text" size="15" onKeyUp="tttt(this.value)">
</body>
由一个变量sOldValue记录文本框原始值,onKeyUp时,判断新值与原始值比较是否有发生变化.若有变化时,执行相应的处理.
现在基本实现了要达到的目标.唯一的遗憾是:微软拼音比较诡异,是先把字输入到文本框,再由用户选择,再修改文本框内的值.
转自:http://www.cnblogs.com/cime63/archive/2007/03/08/668098.htmlw
0 0
- HTML文本框内容发生变化时引发事件执行
- HTML文本框内容发生变化时引发事件执行
- 监听input text中内容发生变化时触发事件
- 文本框监听输入内容变化事件
- 字段内容发生变化事件JS写法
- HTML 文本框 TextBox 内容改变事件
- 当文本框的值,发生变化触发事件,用于表单校验!
- [事件处理] js实现的文本框内容发生改变立马触发事件简单介绍
- jQuery 监听文本框内容变化
- SrollView的内容发生变化时自动滚动的处理
- JS实现的文本框内容发生改变立马触发事件简介
- div内容变化事件
- 在TextBox的值发生变化时触发事件
- 指定单元格里面的,内容发生变化,触发事件,调用VBA代码。
- 记录文本框内容的动态变化
- edittext添加内容发生变化的监听
- JS文本框内容改变事件
- 文本框输入内容回车事件
- xe2升级到xe6后 DataSnap Rest POST调用 参数中出现中文乱码
- 优化Tomcat6
- POJ1149 最大流经典建图PIG
- 硬件目录
- Unity3D Vuforia Android 相机聚焦模式设置
- HTML文本框内容发生变化时引发事件执行
- php-插入排序
- 利用 Excel封装成OCX 在wxPython窗口中显示、操作
- Google Guava-集合类型
- JavaScript函数的认识
- Android ListView控件的资源回收机制
- code slot - SkipList - 1
- c++ primer plus 第六版第二章编程练习答案
- hdu3374最小表示法+KMP