输入框内容实时监测

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了输入框内容实时监测相关的知识,希望对你有一定的参考价值。

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

<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>


以上是关于输入框内容实时监测的主要内容,如果未能解决你的问题,请参考以下文章

JS实时检测文本框内容长度

实时监测contenteditable(可编辑文档)的内容发生改变

input输入框内容变化实时监听

实时监听输入框值变化的完美方案:oninput & onpropertychange

实时监听输入框值变化的完美方案:oninput & onpropertychange

监测UITextField的变化