Maison > interface Web > tutoriel HTML > HTML 中input输入内容即时计算事件_html/css_WEB-ITnose

HTML 中input输入内容即时计算事件_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:08:27
original
1506 Les gens l'ont consulté

 <!DOCTYPE html><html> <head>  <meta charset="utf-8">  <meta name="auther" content="fq" />  <title>监听输入框值的即时变化 onpropertychange oninput</title>  <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> </head> <body>  <input type="text" name="textfield" oninput="document.getElementById('webtest').innerHTML=this.value;" onpropertychange="document.getElementById('webtest').innerHTML=this.value;" />  <div>您输入的值为:<span id="webtest">还未输入</span></div>  <br />  <br />  <br />  <br />  <br /> 写在JS中的示例:  <input type="text" name="textfield" id="mytext" />  <input type="number" name="" id="" min="0" max="1"/>  <div>您输入的值为:<span id="test">还未输入</span></div>  <script type="text/javascript">   immediately();  </script> </body></html>
Copier après la connexion

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal