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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM