亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

輸入框過濾非數字的js代碼

 更新時間:2014年09月18日 17:21:12   投稿:whsnow  
這篇文章主要介紹js過濾輸入框中非數字的字符,很簡單,但很實用,需要的朋友可以參考下

HTML:

復制代碼 代碼如下:

<input type="text" id="only"/>

JS:

window.onload=function(e){
var text=document.getElementById("only"),pattern=/\d/,//pattern匹配字母上的數字鍵
pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,//pattern2匹配小鍵盤上的數字鍵和左右方向鍵
EventHandle={},event=e||window.event;//一個處理事件的對象

      //當網頁加載的時候,進行判斷,對事件處理對象進行定義屬性,這樣對事件對象的方法只需要進行一次判斷,以后的其他事件
      //處理程序里面不需要判斷
if(event.preventDefault){
EventHandle.preventDefault=function(e){
e.preventDefault();
};
}else{
EventHandle.preventDefault=function(e){
e.returnValue=false;
}
}
text.onkeydown=function(e){
var event=e||window.event;//不同事件的事件對象不一樣,這個event和最前面的event不相等
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8//keyCode=8是退格鍵,因為可以對輸入的數字進行修改,所以退格和左右方向鍵不禁止
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);//如果不用對象的這個方法,寫成下面這樣,也可以執(zhí)行,不過每次按下鍵盤的時候都會進行一次判斷
                               //這個是沒有必要的,所以在頁面加載的時候對事件處理對象定義一個方法,加載后對象的方法就已經是確定的了,以后時候就可以了

                                //if(event.preventDefault){
                                //event.preventDefault();
                                //}else{
                                //event.returnValue=false;
                                //}
}
}
}

未注釋版本:

window.onload=function(e){
var text=document.getElementById("only"),pattern=/\d/,
pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,
EventHandle={},event=e||window.event;
if(event.preventDefault){
EventHandle.preventDefault=function(e){
e.preventDefault();
};
}else{
EventHandle.preventDefault=function(e){
e.returnValue=false;
}
}
text.onkeydown=function(e){
var event=e||window.event;
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);
}
}
}

在IE11里面,F12打開開發(fā)者工具里面可以選擇IE版本進行調試

相關文章

  • uniapp?APP消息推送方案實現全過程

    uniapp?APP消息推送方案實現全過程

    前段時間開發(fā)app的時候要開始做消息推送功能了,下面這篇文章主要給大家介紹了關于uniapp?APP消息推送方案實現的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-01-01
  • js實現同一頁面可多次調用的圖片幻燈切換效果

    js實現同一頁面可多次調用的圖片幻燈切換效果

    這篇文章主要介紹了js實現同一頁面可多次調用的圖片幻燈切換效果,可實現在同一頁面中多次調用幻燈切換效果,非常具有實用價值,需要的朋友可以參考下
    2015-02-02
  • js實現彈幕墻效果

    js實現彈幕墻效果

    這篇文章主要為大家詳細介紹了js實現彈幕墻效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-12-12
  • Webpack如何引入bootstrap的方法

    Webpack如何引入bootstrap的方法

    本篇文章主要介紹了Webpack如何引入bootstrap的方法,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-06-06
  • ie支持function.bind()方法實現代碼

    ie支持function.bind()方法實現代碼

    在 google 一番技術資料后,發(fā)現 firefox 原生支持一個 bind 方法,該方法很好的滿足了我們的初衷,調用方法與 call 和 apply 一樣,只是定義完成后,在后期調用時該方法才會執(zhí)行,需要的朋友可以了解下
    2012-12-12
  • javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例

    javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例

    javascript showModalDialog傳值與FireFox的window.open 父子窗口傳值示例代碼。
    2009-11-11
  • JavaScript實現枚舉的幾種方法總結

    JavaScript實現枚舉的幾種方法總結

    在前端開發(fā)中,我們可能經常需要用到枚舉,使用枚舉的好處是為了讓代碼的可讀性更強,避免直接使用數字或未知的字符串,但是在JavaScript中,要自己實現一個枚舉功能,那么大家能想到多少種實現枚舉的方法呢,我將介紹幾種實現枚舉的好方法
    2023-08-08
  • JS暴虐查找法簡潔版

    JS暴虐查找法簡潔版

    有過相關經驗的朋友都知道,Jscript的效率畢竟有限,在數組中查找數據時如果用常規(guī)的算法來做執(zhí)行起來會很慢。
    2008-07-07
  • 通過實例解析js可枚舉屬性與不可枚舉屬性

    通過實例解析js可枚舉屬性與不可枚舉屬性

    這篇文章主要介紹了通過實例解析js可枚舉屬性與不可枚舉屬性,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-12-12
  • js中事件的處理與瀏覽器對象示例介紹

    js中事件的處理與瀏覽器對象示例介紹

    本文為大家詳細介紹下js中關于簡單事件的處理與瀏覽器對象,下面有個不錯的示例,感興趣的朋友可以參考下
    2013-11-11

最新評論