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{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。

  • 相关阅读:
    进程和阻塞
    docker简介
    python===lambda匿名函数===day15
    python----生成器, 生成器函数, 推倒式---13
    python----函数参数---10天
    python---函数 第九天
    python===文件===第八天
    python===基本数据类型 基本增删改查 ===深浅拷贝==第七天
    20180802 (个别内置方法)
    20180730 (面向对象的反射,内置方法)
  • 原文地址:https://www.cnblogs.com/ling00218077/p/4185726.html
Copyright © 2011-2022 走看看