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