input輸入框的input事件和change事件


   

   oninput事件,在輸入用戶輸入時觸發,它是在元素值發生變化時立即觸發;該事件在 <input> 或 <textarea> 元素的值發生改變時觸發。

提示: 該事件類似於 onchange 事件。不同之處在於 oninput 事件在元素值發生變化是立即觸發, onchange 在元素失去焦點時觸發。另外一點不同是 onchange 事件也可以作用於 <keygen> 和 <select> 元素。

 

onchange事件,要在 input 失去焦點的時候才會觸發;
支持該事件的 JavaScript 對象:fileUpload, select, text, textarea

 

<body>
   oninput事件,在輸入用戶輸入時觸發,它是在元素值發生變化時立即觸發;
   onInput: <input type="text" id="onInput" oninput="myFunc()">

  onchange事件,要在 input 失去焦點的時候才會觸發;   onChange: <input type="text" id="fname" onchange="myFunction()">
</body>

 

<script>
    function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.toUpperCase(); } function myFunc() { var x = document.getElementById('onInput'); x.value = x.value.toUpperCase(); } </script>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM