JavaScript onkeypress事件入門實例(按下或按住一個鍵盤按鍵)
JavaScript onkeypress 事件
用戶按下或按住一個鍵盤按鍵時會觸發(fā) onkeypress 事件。
注意：onkeypress 事件與 onkeydown 事件有些細微差別，onkeypress 事件不做相應(yīng)功能鍵按下的處理。具體可將下面的示例更改為 onkeydown 事件后，可輸入 !@#$ 等特殊字符即可體會出二者之間的差別。
提示
Internet Explorer/Chrome 瀏覽器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等瀏覽器使用 event.which。
利用 onkeypress 事件只允許輸入數(shù)字
下面是一個利用 onkeypress 事件只允許用戶在表單域輸入數(shù)字的例子：
<html>
<head>
<script>
function checkNumber(e)
{
var keynum = window.event ? e.keyCode : e.which;
//alert(keynum);
var tip = document.getElementById("tip");
if( (48<=keynum && keynum<=57) || keynum == 8 ){
tip.innerHTML = "";
return true;
}else {
tip.innerHTML = "提示：只能輸入數(shù)字！";
return false;
}
}
</script>
</head>
<body>
<div>請輸入數(shù)字：<input type="text" onkeypress="return checkNumber(event);" />
<span id="tip"></span>
</div>
</body>
</html>
event.keyCode/event.which 得到的是一個按鍵對應(yīng)的數(shù)字值（Unicode 編碼），常用鍵值列于 onkeydown 事件一節(jié)中。例子中對 8 的值做特殊處理，是為了在文本域中支持退格（Backspace）鍵。
- js中的鼠標事件有哪些（用法示例學習進階）
- js常用的鍵盤事件有哪些(用法示例)_鍵碼keyCode對照表
- JavaScript?鍵盤事件的處理及屬性詳解
- javascript 組合按鍵事件監(jiān)聽實現(xiàn)代碼
- js捕捉鍵盤事件和按鍵鍵值的方法
- js鼠標按鍵事件和鍵盤按鍵事件用法實例匯總
- Atitit.js的鍵盤按鍵事件捆綁and事件調(diào)度
- JavaScript onkeydown事件入門實例(鍵盤某個按鍵被按下)
- js 事件截取enter按鍵頁面提交事件示例代碼
- javascript 按鍵事件(兼容各瀏覽器)
- js獲取鍵盤按鍵響應(yīng)事件(兼容各瀏覽器)
- JavaScript 監(jiān)聽textarea中按鍵事件
- JavaScript中常見的事件用法小結(jié)
相關(guān)文章
這篇文章主要介紹了JavaScript基礎(chǔ)函數(shù)整理匯總,需要的朋友可以參考下2015-01-01
JavaScript中document.referrer的用法詳解
這篇文章主要給大家介紹了關(guān)于JavaScript中document.referrer的用法，文中通過示例代碼介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要給大家介紹了關(guān)于JS中new的原理與實現(xiàn)的相關(guān)資料,本文通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2021-11-11
這篇文章介紹了JAVASCRIPT函數(shù)作用域和提前聲明，有需要的朋友可以參考一下2013-08-08
JavaScript 輸出顯示內(nèi)容(document.write、alert、innerHTML、console.log
剛開始接觸js的朋友肯定要接觸到j(luò)s的輸出，那么肯定會使用document.write、alert、innerHTML、console.log，這里簡單介紹一下，需要的朋友可以參考一下啊2016-12-12
對于新手是個不錯的必須要理解的東西2008-11-11
這篇文章主要介紹了javascript運行機制之this,需要的朋友可以參考下2014-02-02
在實際應(yīng)用中，偶爾會用到復選框checkbox的值,那么如何獲取它的值呢？本文接下來會介紹使用js獲取復選框值,需要的朋友可以了解下2012-12-12
IE6瀏覽器下resize事件被執(zhí)行了多次解決方法
在IE瀏覽器下，一次resize事件被執(zhí)行了多次,這是IE6和IE7的一個比較廣為認知的問題，這個問題在這兩個版本的瀏覽器中表現(xiàn)有所不同，通常IE6下會比IE7下更為糟糕,接下來將介紹解決方法，需要的朋友可以參考下2012-12-12
本文講了一些javascript按位非運算符的使用方法，其中給出了相關(guān)的測試代碼2013-11-11