js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼
更新時(shí)間：2014年01月03日 08:48:33 作者：
本篇文章主要介紹了js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<script language="javascript">
function GetInput(){//屏蔽非數(shù)字和非退格符
var k = event.keyCode; //48-57是大鍵盤(pán)的數(shù)字鍵，96-105是小鍵盤(pán)的數(shù)字鍵，8是退格符←
if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){
return true;
} else {
return false;
}
}
function Set(obj){
//即時(shí)處理輸入框的內(nèi)容,比如進(jìn)行某些運(yùn)算
}
</script>
<input type='text' value='1' onkeydown='return GetInput()' onkeyup='Set(this)' >
技術(shù)要領(lǐng)：onkeydown事件先于onkeyup事件被觸發(fā)；當(dāng)onkeydown事件return false時(shí)onkeyup事件將不會(huì)被觸發(fā)，并且輸入框中也不會(huì)有用戶剛按下的這個(gè)字符，從而實(shí)現(xiàn)了屏蔽某些字符的目的。了解了這一事件觸發(fā)原理，思想上應(yīng)當(dāng)有所延伸(比如鼠標(biāo)的幾個(gè)事件也會(huì)是這樣的機(jī)制)...
相關(guān)文章
如何去除js中的json存在的轉(zhuǎn)義字符\問(wèn)題
這篇文章主要介紹了如何去除js中的json存在的轉(zhuǎn)義字符\問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
JSP基于Bootstrap分頁(yè)顯示實(shí)例解析
這篇文章主要為大家詳細(xì)介紹了JSP基于Bootstrap分頁(yè)顯示實(shí)例,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章為大家分析一下js中的數(shù)組對(duì)象排序的一些知識(shí)，方便大家在以后使用中知道這些排序的原理2018-12-12
JS實(shí)現(xiàn)仿蘋(píng)果底部任務(wù)欄菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿蘋(píng)果底部任務(wù)欄菜單效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過(guò)顯示大圖標(biāo)功能,涉及javascript鼠標(biāo)事件及頁(yè)面元素遍歷并修改屬性的技巧,需要的朋友可以參考下2015-08-08
layui 上傳插件 帶預(yù)覽 非自動(dòng)上傳功能的實(shí)例(非常實(shí)用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動(dòng)上傳功能的實(shí)例(非常實(shí)用)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧
當(dāng)一個(gè)項(xiàng)目經(jīng)過(guò)持續(xù)迭代,不斷增加功能,逐漸變成一個(gè)復(fù)雜的產(chǎn)品時(shí),新功能的開(kāi)發(fā)變得相對(duì)困難,其中一個(gè)很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護(hù)性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來(lái)優(yōu)化前端代碼的圈復(fù)雜度2023-10-10
IE和Firefox下javascript的兼容寫(xiě)法小結(jié)
學(xué)習(xí)js的朋友必須要知道或了解的知識(shí)2008-12-12
這篇文章主要介紹了JavaScript 如何在瀏覽器中使用攝像頭，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-12-12
JavaScript制作windows經(jīng)典掃雷小游戲
掃雷是一款相當(dāng)大眾的小游戲,游戲目標(biāo)是在最短的時(shí)間內(nèi)根據(jù)點(diǎn)擊格子出現(xiàn)的數(shù)字找出所有非雷格子,同時(shí)避免踩雷。今天我們來(lái)看看如何使用javascript來(lái)實(shí)現(xiàn)這款小游戲2015-03-03
JavaScript Canvas繪制圓形時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas繪制圓形時(shí)鐘效果的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04