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>