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>

 

posted @ 2019-06-05 13:01  听风讲我与你  阅读(26158)  评论(0编辑  收藏  举报