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

更新时间：2014年10月17日 09:26:05 投稿：junjie

这篇文章主要介绍了JavaScript onkeypress事件入门实例,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）键。

您可能感兴趣的文章:

EsLint入门学习教程
ESLint是一个代码规范和错误检查工具，下面这篇文章主要介绍了EsLint的相关资料，需要的朋友可以参考学习，下面来一起看看吧。
2017-02-02
JS脚本defer的作用示例介绍
defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题，下面有个不错的示例，感兴趣的朋友可以参考下
2014-01-01
javascript基础第一章 JavaScript与用户端
javascript基础第一章 JavaScript与用户端
2010-07-07
JavaScript中switch语句的用法详解
这篇文章主要介绍了JavaScript中switch语句的用法详解,是JS入门学习中的基础知识,需要的朋友可以参考下
2015-06-06
js前端面试题及答案整理（一）
各公司秋招很快就开始了，最近在准备面试的东西，干脆将发现的各类面试题整理一下共享出来，大部分面试题是没有标准答案的，我给出的答案也是仅供参考，如果有更好的解答欢迎在评论区留言
2016-08-08
Javascript的时间戳和php的时间戳转换注意事项
需要注意的是js的时间戳是13位，php的时间戳是10位,转换函数如下，感兴趣的朋友可以参考下哈
2013-04-04
JavaScript中Math对象使用说明
2008-01-01
老生常谈js数据类型
下面小编就为大家带来一篇老生常谈js数据类型。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-08-08
js中值类型和引用类型的区别介绍
这篇文章介绍了js中值类型和引用类型的区别，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-06-06
javascript学习笔记（四）function函数部分
本文主要介绍了函数的调用方式、返回函数的函数、创建匿名函数、javascript创建动态函数、回调函数、方法和函数的区别、js全局函数、函数的几个作用、prototype属性、高阶函数，非常实用，有需要的参考下
2014-09-09