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>

猜你喜欢

转载自www.cnblogs.com/YangJonathan/p/10978982.html
今日推荐