JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)

JavaScript onkeypress 事件

用户按下或按住一个键盘按键时会触发 onkeypress 事件。

注意：onkeypress 事件与 onkeydown 事件有些细微差别，onkeypress 事件不做相应功能键按下的处理。具体可将下面的示例更改为 onkeydown 事件后，可输入 !@#$ 等特殊字符即可体会出二者之间的差别。

提示

Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。

利用 onkeypress 事件只允许输入数字

下面是一个利用 onkeypress 事件只允许用户在表单域输入数字的例子：

<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 = "提示：只能输入数字！";

        return false;

    }

}   

</script>
</head>

<body>

<div>请输入数字：<input type="text" onkeypress="return checkNumber(event);" />

<span id="tip"></span>

</div> 

</body>

</html>

event.keyCode/event.which 得到的是一个按键对应的数字值（Unicode 编码），常用键值列于 onkeydown 事件一节中。例子中对 8 的值做特殊处理，是为了在文本域中支持退格（Backspace）键。

JavaScript字符串对象fromCharCode方法入门实例（用于把Unicode值转换为字符串）
JavaScriptfromCharCode方法fromCharCode方法用于把一个或多个Unicode值转换为（大写）字符串，并返回该字符串。其语法如下：String.fromCharCode(num1,num2,...)参数说

JavaScript字符串对象charAt方法入门实例（用于取得指定位置的字符）
JavaScriptcharAt方法charAt方法用于从字符串中取得指定位置的字符。其语法如下：str_object.charAt(x)参数说明:参数说明str_object要操作的字符串（对象）x必需

JavaScript charCodeAt方法入门实例（用于取得指定位置字符的Unicode编码）
JavaScriptcharCodeAt方法charCodeAt方法用于从字符串中取得指定位置字符的Unicode编码。其语法如下：str_object.charCodeAt(x)参数说明:参数说明str_object要操作的字