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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,915評論 18 139
  • 第1章 認識JS JavaScript能做什么?1.增強頁面動態效果(如:下拉菜單、圖片輪播、信息滾動等)2.實現...
    mo默22閱讀 1,326評論 0 5
  • js是前端工程師的核心,只有掌握了它才算進入真真的編程,代碼虐我千百遍,我視代碼如初戀。。。。 什么是javasc...
    jia林閱讀 639評論 2 2
  • 基本概念 事件是一些特定動作發生時所發出的信號,JavaScript中的事件是可以被 JavaScript 偵測到...
    Zd_silent閱讀 489評論 0 1
  • 原來是在學校壓抑久了,向右走看到十字路口,看到晚飯后轉路的人們,才明白原來我還是在人群中,雖然是圍坐在大樹下的小小...
    深夜的你還不睡閱讀 248評論 0 0