我们应该感谢相遇,无论结局是喜是悲....
html输入时触发动作---oninput
  • 首页 > IT技术
  • 作者:起点终站
  • 2017年7月19日 13:44 星期三
  • 浏览:682
  • 字号:
  • 评论:0
  • 当用户向 <input> 中尝试输入时执行 JavaScript脚本:

    定义和用法

    oninput 事件在用户输入时触发。

    该事件在 <input> 或 <textarea> 元素的值发生改变时触发。

    提示: 该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。



    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>起点终站(blog.hellozwh.com)</title>
    </head>
    <body>
    
    <p>在文本框中尝试输入触发函数。</p>
    <input type="text" id="myInput" oninput="myFunction()">
    <p id="demo"></p>
    <script>
    function myFunction() {
        var x = document.getElementById("myInput");
        x.value = x.value.replace(/[^a-zA-Z0-9]*/g,''); //过滤非数字和非英文
        document.getElementById("demo").innerHTML = "你输入的是: " + x.value;
    }
    </script>
    
    </body>
    </html>


    以下演示代码为当输入时自动过滤非英文和非数字字符

    以下为全部代码:
      您阅读这篇文章共花了:  
    本文作者:起点终站      文章标题: html输入时触发动作---oninput
    本文地址:https://blog.hellozwh.com/?post=313
    版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
    返回顶部| 首页| 手气不错| 网站地图| sitemap| 装逼生成器| 站长介绍|

    Copyright © 2014-2017 起点终站   闽ICP备16011094号-1

    00:00 / 00:00
    顺序播放