欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2014年09月18日 17:21:12   投稿:whsnow  
這篇文章主要介紹js過(guò)濾輸入框中非數(shù)字的字符,很簡(jiǎn)單,但很實(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匹配小鍵盤(pán)上的數(shù)字鍵和左右方向鍵
EventHandle={},event=e||window.event;//一個(gè)處理事件的對(duì)象

      //當(dāng)網(wǎng)頁(yè)加載的時(shí)候,進(jìn)行判斷,對(duì)事件處理對(duì)象進(jìn)行定義屬性,這樣對(duì)事件對(duì)象的方法只需要進(jìn)行一次判斷,以后的其他事件
      //處理程序里面不需要判斷
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;//不同事件的事件對(duì)象不一樣,這個(gè)event和最前面的event不相等
if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8//keyCode=8是退格鍵,因?yàn)榭梢詫?duì)輸入的數(shù)字進(jìn)行修改,所以退格和左右方向鍵不禁止
&&!pattern2.test(event.keyCode.toString())||event.shiftKey||
event.ctrlKey||event.metaKey){
EventHandle.preventDefault(event);//如果不用對(duì)象的這個(gè)方法,寫(xiě)成下面這樣,也可以執(zhí)行,不過(guò)每次按下鍵盤(pán)的時(shí)候都會(huì)進(jìn)行一次判斷
                               //這個(gè)是沒(méi)有必要的,所以在頁(yè)面加載的時(shí)候?qū)κ录幚韺?duì)象定義一個(gè)方法,加載后對(duì)象的方法就已經(jīng)是確定的了,以后時(shí)候就可以了

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

相關(guān)文章

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

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

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

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

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

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

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

    Webpack如何引入bootstrap的方法

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

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

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

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

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

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

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

    JS暴虐查找法簡(jiǎn)潔版

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

    通過(guò)實(shí)例解析js可枚舉屬性與不可枚舉屬性

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

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

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

最新評(píng)論