keyup() 方法及文字框只輸入數字
阿新 • • 發佈：2019-01-08
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>