首頁 > web前端 > html教學 > HTML 中input输入内容即时计算事件_html/css_WEB-ITnose

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

WBOY
發布: 2016-06-21 09:08:27
原創
1508 人瀏覽過

 <!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>
登入後複製

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板