监听输入框值的即时变化onpropertychange、oninput

来源：互联网发布：vscode显示函数列表编辑：程序博客网时间：2024/05/18 04:40

作者：自由天堂
发布站点：WEB六零零网页设计制作
原文地址：http://www.web600.net/html/editor/JavaScript/201001131529.html

在html中的部分：

写在JS中的示例：<input type="text" name="textfield" id="mytext" /><div>您输入的值为：<span id="test">还未输入</span></div><script type="text/javascript">immediately();</script>

在js中的部分：

<script type="text/javascript">        function immediately(){            var element = document.getElementById("mytext");            if("\v"=="v") {                element.onpropertychange = webChange;            }else{                element.addEventListener("input",webChange,false);            }            function webChange(){                if(element.value){                    document.getElementById("test").innerHTML = element.value;                };            }        }    </script>

0 0