HTML文本框内容发生变化时引发事件执行

原创 2013年12月05日 17:04:52

最近在做的程序中需要这样的一个功能:当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时,判断新值与原始值比较是否有发生变化.若有变化时,执行相应的处理.

现在基本实现了要达到的目标.唯一的遗憾是:微软拼音比较诡异,是先把字输入到文本框,再由用户选择,再修改文本框内的值.
版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

文本框输入后立即触发事件

文本框输入事件:onchange 、onkeyup 、onblur onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会...

[事件处理] js实现的文本框内容发生改变立马触发事件简单介绍

js实现的文本框内容发生改变立马触发事件简单介绍:本章节介绍一下如何在文本框的内容发生变化的时候,立马触发一个事件执行响应的操作,而不是像是keydow或者keyup事件一样,只能够检测通过键盘输入导...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

有关input输入框内容改变后的触发事件

有关input输入框内容改变后的触发事件,也是今天遇到的问题。我使用时间插件为输入框填充内容,想实现输入框内容改变后执行相应的方法,发现使用change方法没有反应。百度了半天,最后才发现问题所在。我...

Java中的事件处理—通过点击不同的按钮,让面板的背景色发生变化

Java中的事件处理

Easyui validatebox修改——1.当text发生变化时在校验,2.取消校验,3扩展自定义验证

1.当text发生变化时在校验:       Easyui validatebox个人感觉还是比较好用的,但是发现他不是只有text改变并离开编辑框的时候才验证,而是不停的做验证;如果是js脚本的本...

Golang:slice之append时原数组发生变化的问题

Golang:slice之append时原数组发生变化的问题

当表结构发生变化时,如何同步到ADF-BC中的EO?

实际应用中,我们经常遇到数据库Schema发生改动,如添加和减少字段,修改字段类型,等等。 这时,已经生成的ADF-BC中的EO如何随之改变。JDeveloper 11g中已经考虑了这个问题。 下...
  • yyyyu3
  • yyyyu3
  • 2013-03-05 16:22
  • 1106
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)