• 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>
  • 相关阅读:
    Java EE部分-- 各框架对比与项目优化
    Java EE部分--Mybatis
    Java EE部分--MVC
    Java EE部分--Hibernate、Struts
    Java EE部分--spring(二)
    Java EE部分--spring(一)
    IO和NIOAIO
    JDK、 反射

    线程(二)
  • 原文地址:https://www.cnblogs.com/YangJonathan/p/10978982.html
Copyright © 2020-2023  润新知