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>