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