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>
  • 相关阅读:
    css相关
    杂题
    vuesheng生命周期
    box-sizing
    js正则学习
    浏览器加载解析过程
    Sass学习笔记
    jQuery与原生js实现banner轮播图
    jq-animate实现返回顶部效果
    jq-animate
  • 原文地址:https://www.cnblogs.com/YangJonathan/p/10978982.html
Copyright © 2011-2022 走看看