html文本框事件_内容变动时执行事件

发布时间:2019-11-26编辑:脚本学堂
如何实现当HTML文本框内容生发变化时执行JavaScript函数,即触发文本框事件呢,可以参考下本文的例子。

一开始想使用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>

由一个变量sOldValue记录文本框原始值,onKeyUp时判断新值与原始值比较是否有发生变化,若有变化时,执行相应的处理。

不足:微软拼音比较诡异,是先把字输入到文本框,再由用户选择,再修改文本框内的值.