js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼
更新時(shí)間:2014年01月03日 08:48:33 作者:
本篇文章主要介紹了js在輸入框屏蔽按鍵,只能鍵入數(shù)字的示例代碼。需要的朋友可以過來參考下,希望對(duì)大家有所幫助
復(fù)制代碼 代碼如下:
<script language="javascript">
function GetInput(){//屏蔽非數(shù)字和非退格符
var k = event.keyCode; //48-57是大鍵盤的數(shù)字鍵,96-105是小鍵盤的數(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實(shí)現(xiàn)仿蘋果底部任務(wù)欄菜單效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)仿蘋果底部任務(wù)欄菜單效果代碼,可實(shí)現(xiàn)鼠標(biāo)滑過顯示大圖標(biāo)功能,涉及javascript鼠標(biāo)事件及頁面元素遍歷并修改屬性的技巧,需要的朋友可以參考下2015-08-08
layui 上傳插件 帶預(yù)覽 非自動(dòng)上傳功能的實(shí)例(非常實(shí)用)
今天小編就為大家分享一篇layui 上傳插件 帶預(yù)覽 非自動(dòng)上傳功能的實(shí)例(非常實(shí)用),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧
當(dāng)一個(gè)項(xiàng)目經(jīng)過持續(xù)迭代,不斷增加功能,逐漸變成一個(gè)復(fù)雜的產(chǎn)品時(shí),新功能的開發(fā)變得相對(duì)困難,其中一個(gè)很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護(hù)性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來優(yōu)化前端代碼的圈復(fù)雜度2023-10-10
IE和Firefox下javascript的兼容寫法小結(jié)
學(xué)習(xí)js的朋友必須要知道或了解的知識(shí)2008-12-12
JavaScript制作windows經(jīng)典掃雷小游戲
掃雷是一款相當(dāng)大眾的小游戲,游戲目標(biāo)是在最短的時(shí)間內(nèi)根據(jù)點(diǎn)擊格子出現(xiàn)的數(shù)字找出所有非雷格子,同時(shí)避免踩雷。今天我們來看看如何使用javascript來實(shí)現(xiàn)這款小游戲2015-03-03
JavaScript Canvas繪制圓形時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas繪制圓形時(shí)鐘效果的相關(guān)資料,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04

