JavaScript onblur和onkeyup的用法

1.onblur表示失去焦點(diǎn)的時(shí)候被調(diào)用;

2.onkeyup表示鍵盤每輸入完一個(gè)字符之后發(fā)生。簡(jiǎn)單來(lái)講,就是鍵盤上的按鍵被放開的時(shí)候觸發(fā)。

例子:

<!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("請(qǐng)正確輸入金額!");
                    $("#money").focus();
    }
    else
    {
        //$("#money").focus();
    }
   }
        </script>
        <style type="text/css">
   .bg{width:100%;height:100%;background:#CCE8CF;}
  </style>
    </head>
    <body class="bg">
        請(qǐng)輸入金額:<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>

在本例子中,當(dāng)鍵盤輸入的時(shí)候馬上觸發(fā)onkeyup事件,并將輸入的非數(shù)字用空字符替換(不是空格)。當(dāng)輸入的全為數(shù)字,并鼠標(biāo)移開的時(shí)候觸發(fā)onblur并調(diào)用check。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評(píng)論 19 139
  • 第1章 認(rèn)識(shí)JS JavaScript能做什么?1.增強(qiáng)頁(yè)面動(dòng)態(tài)效果(如:下拉菜單、圖片輪播、信息滾動(dòng)等)2.實(shí)現(xiàn)...
    mo默22閱讀 1,511評(píng)論 0 5
  • js是前端工程師的核心,只有掌握了它才算進(jìn)入真真的編程,代碼虐我千百遍,我視代碼如初戀。。。。 什么是javasc...
    jia林閱讀 723評(píng)論 2 2
  • 基本概念 事件是一些特定動(dòng)作發(fā)生時(shí)所發(fā)出的信號(hào),JavaScript中的事件是可以被 JavaScript 偵測(cè)到...
    Zd_silent閱讀 559評(píng)論 0 1
  • 原來(lái)是在學(xué)校壓抑久了,向右走看到十字路口,看到晚飯后轉(zhuǎn)路的人們,才明白原來(lái)我還是在人群中,雖然是圍坐在大樹下的小小...
    深夜的你還不睡閱讀 276評(píng)論 0 0

友情鏈接更多精彩內(nèi)容