HTML 文本框 TextBox 内容改变事件

最新推荐文章于 2025-04-14 19:13:12 发布

诗人江湖老

最新推荐文章于 2025-04-14 19:13:12 发布

阅读量2.5w

点赞数 2

分类专栏： Asp.Net开发文章标签： html textbox onKeyUp

本文链接：https://blog.youkuaiyun.com/honantic/article/details/51326160

版权

Asp.Net开发专栏收录该内容

13 篇文章

订阅专栏

这篇博客探讨了在HTML文本框TextBox中实现内容改变时立即触发JavaScript函数的需求。作者发现onchange事件只能在文本框失去焦点时触发，而onpropertychange事件虽然能响应按键，但在微软拼音输入法下会有延迟问题。最终，文章提供了一个基本的解决方案，尽管对于微软拼音输入法的特殊情况仍存在一些局限性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文地址

最近在做的程序中需要这样的一个功能:当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>