码迷,mamicode.com
首页 > Web开发 > 详细

JS onblur 和 onkeyup事件用法

时间:2014-12-25 23:24:29      阅读:535      评论:0      收藏:0      [点我收藏+]

标签:

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="width: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。

JS onblur 和 onkeyup事件用法

标签:

原文地址:http://www.cnblogs.com/ling00218077/p/4185726.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!