输入框内容实时监测

最新推荐文章于 2023-02-20 14:52:36 发布

转载最新推荐文章于 2023-02-20 14:52:36 发布 · 179 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://blog.51cto.com/7300272/1955338

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript监听输入框内容变化的方法。通过oninput和onpropertychange事件，可以实现实时监测输入框内文本的变化，并触发相应事件处理函数。示例代码展示了如何在文本发生变化时弹出提示。

输入框内容实时监测！只有输入框内容发生改变才会触发事件，如果输入框内容没有改变则不会触发该事件！

<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript">
    function OnInput (event) {
        alert (event.target.value);
    }
    function OnPropChanged (event) {
        if (event.propertyName.toLowerCase () == "value") {
            alert (event.srcElement.value);
        }
    }
</script>
<form>
    用户名:<input name="user" type="text" oninput="OnInput (event)" onpropertychange="OnPropChanged (event)"/>
</form>

转载于:https://blog.51cto.com/7300272/1955338