1. 程式人生 > >keyup() 方法及文字框只輸入數字

keyup() 方法及文字框只輸入數字

keyup(),keydown方法

一、定義和用法:完整key press過程分為兩個部分,按鍵被按下,然後按鍵被鬆開並復位;

                            1、當按鍵按下(此時未鬆開),發生keydown()事件。它發生在當前獲得焦點的元素上。

                            2、當按鍵鬆開時,發生keyup()事件。它發生在當前獲得焦點的元素上。keyup() 方法觸發                                             keyup 事件,或規定當發生 keyup 事件時執行的函式。
      註釋:如果在文件元素上進行設定,則無論元素是否獲得焦點,該事件都會發生。

       二、語法 :        

               $(selector).keyup(function)

               引數:function;

               描述:可選。規定當發生 keyup 事件時執行的函式。

三、例項 :  

$("input").keyup(function(){
    $("input").css("background-color","#D6D6FF");
});
$("input").keydown(function(){
    $("input").css("background-color","#FFFFCC");
});
        四、應用例項 :(例項轉載地址)

               驗證文字框輸入只為整數,用正則表示式進行限制;

<head>
    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
    <title></title>
    <!-- http://www.cnblogs.com/babycool -->
    <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#xxxxxx").keyup(function () {
                //如果輸入非數字,則替換為'',如果輸入數字,則在每4位之後新增一個空格分隔
                this.value = this.value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, "$1 ");
            })
        });
    </script>
</head>
<body>
    限制只能輸入19個字元
    <input id="xxxxxx" type="text" name="name" value="" maxlength="19" />
    <br />
  
    <br />
    輸入非數字替換為''
    <input type="text" name="name" value="" onkeyup="value=value.replace(/[^\d]/g,'')" />
    <br />
    <br />
</body>