JavaScript onkeypress事件入門實(shí)例(按下或按住一個鍵盤按鍵)
JavaScript onkeypress 事件
用戶按下或按住一個鍵盤按鍵時會觸發(fā) onkeypress 事件。
注意:onkeypress 事件與 onkeydown 事件有些細(xì)微差別,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中的鼠標(biāo)事件有哪些(用法示例學(xué)習(xí)進(jìn)階)
- js常用的鍵盤事件有哪些(用法示例)_鍵碼keyCode對照表
- JavaScript?鍵盤事件的處理及屬性詳解
- javascript 組合按鍵事件監(jiān)聽實(shí)現(xiàn)代碼
- js捕捉鍵盤事件和按鍵鍵值的方法
- js鼠標(biāo)按鍵事件和鍵盤按鍵事件用法實(shí)例匯總
- Atitit.js的鍵盤按鍵事件捆綁and事件調(diào)度
- JavaScript onkeydown事件入門實(shí)例(鍵盤某個按鍵被按下)
- js 事件截取enter按鍵頁面提交事件示例代碼
- javascript 按鍵事件(兼容各瀏覽器)
- js獲取鍵盤按鍵響應(yīng)事件(兼容各瀏覽器)
- JavaScript 監(jiān)聽textarea中按鍵事件
- JavaScript中常見的事件用法小結(jié)
相關(guān)文章
javascript基礎(chǔ)第一章 JavaScript與用戶端
javascript基礎(chǔ)第一章 JavaScript與用戶端2010-07-07Javascript的時間戳和php的時間戳轉(zhuǎn)換注意事項(xiàng)
需要注意的是js的時間戳是13位,php的時間戳是10位,轉(zhuǎn)換函數(shù)如下,感興趣的朋友可以參考下哈2013-04-04javascript學(xué)習(xí)筆記(四)function函數(shù)部分
本文主要介紹了函數(shù)的調(diào)用方式、返回函數(shù)的函數(shù)、創(chuàng)建匿名函數(shù)、javascript創(chuàng)建動態(tài)函數(shù)、回調(diào)函數(shù)、方法和函數(shù)的區(qū)別、js全局函數(shù)、函數(shù)的幾個作用、prototype屬性、高階函數(shù),非常實(shí)用,有需要的參考下2014-09-09