zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    php-ip
    第十三讲 服务寄宿
    第十二讲:服务寄宿
    第十一讲:大消息处理
    第十讲:绑定(信道)
    第九讲:消息契约
    第八讲:数据契约版本控制
    第七讲:数据契约(2)
    第六讲:数据契约
    第五讲:异步操作
  • 原文地址:https://www.cnblogs.com/YangJonathan/p/10978982.html
Copyright © 2011-2022 走看看