zoukankan      html  css  js  c++  java
  • js onblur 和 onkeyup 事件用法

    1. onblur 表示失去焦点时触发

    2. onkeyup 表示键盘每输完一个字符之后触发,就是键盘上的按键被放开时。

    例子如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
        <head>
            <title>输入金额DIY-bgy2014-11-22</title>
            <script type="text/javascript" language="javascript" src="jquery-1.2.6.js"></script>
            <script type="text/javascript">
            function check(v) {
                if(v.substring(0,1)==0 && v.length!=0) {
                    $("#money").val("");
                    alert("请正确输入金额!");
                    $("#money").focus();
                } else {
                    //$("#money").focus();
                }
            }
            </script>
            <style type="text/css">
                .bg{width:100%;height:100%;background:#CCE8CF;}
            </style>
        </head>
        <body class="bg">
            请输入金额:<input type="text" id="money" style="150px;height:50px;font-size:36px;color:#ff7f00;font-weight:bold;background-color:eeeeee" onkeyup="this.value=this.value.replace(/[^d]/g,'')" onblur="check(this.value)"></input>
        </body>
    </html>    

    在这个例子中,当键盘输入的时候马上触发onkeyup事件,并将输入的非数字用空字符替换(不是空格)。当输入的全为数字时,鼠标移开后触发onblur事件,调用check()方法。

  • 相关阅读:
    Linux系统(Centos)下安装Java环境配置步骤详述
    Linux系统(Centos)下安装nodejs并配置环境
    js中!~什么意思
    java jmap
    java jstat
    java jps
    JVM-GC日志分析
    JVM垃圾回收
    JVM垃圾回收--年轻代、年老点和持久代
    auth_basic 认证
  • 原文地址:https://www.cnblogs.com/libra0920/p/6276947.html
Copyright © 2011-2022 走看看