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

輸入框過濾非數(shù)字的js代碼

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

HTML:

復(fù)制代碼 代碼如下:

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

JS:

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

      //當(dāng)網(wǎng)頁加載的時候,進行判斷,對事件處理對象進行定義屬性,這樣對事件對象的方法只需要進行一次判斷,以后的其他事件
      //處理程序里面不需要判斷
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是退格鍵,因為可以對輸入的數(shù)字進行修改,所以退格和左右方向鍵不禁止
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);//如果不用對象的這個方法,寫成下面這樣,也可以執(zhí)行,不過每次按下鍵盤的時候都會進行一次判斷
                               //這個是沒有必要的,所以在頁面加載的時候?qū)κ录幚韺ο蠖x一個方法,加載后對象的方法就已經(jīng)是確定的了,以后時候就可以了

                                //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里面,F(xiàn)12打開開發(fā)者工具里面可以選擇IE版本進行調(diào)試

相關(guān)文章

  • uniapp?APP消息推送方案實現(xiàn)全過程

    uniapp?APP消息推送方案實現(xiàn)全過程

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

    js實現(xiàn)同一頁面可多次調(diào)用的圖片幻燈切換效果

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

    js實現(xiàn)彈幕墻效果

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

    Webpack如何引入bootstrap的方法

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

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

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

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

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

    JavaScript實現(xiàn)枚舉的幾種方法總結(jié)

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

    JS暴虐查找法簡潔版

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

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

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

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

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

最新評論