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

作者：junjie 时间：2024-05-11 10:25:13　

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,onkeypress

投稿

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

猜你喜欢

对python修改xml文件的节点值方法详解

MySQL如何优化索引

Python实例方法与类方法和静态方法介绍与区别分析

Python+Opencv实现图像匹配功能(模板匹配)

Opencv中的cv2.calcHist()函数的作用及返回值说明

python数据写入Excel文件中的实现步骤

Oracle中在pl/sql developer修改表的2种方法

MySQL Workbench下载与使用教程详解

商业价值与用户价值的平衡

网站登录持久化Cookie方案

再谈动态添加样式规则

php中常用的正则表达式的介绍及应用实例代码

url地址栏加密和解密函数 Base64

MySQL获得当前日期时间函数示例详解

python中decimal模块的用法

借助JavaScript脚本判断浏览器Flash Player信息的方法

提高python代码可读性利器pycodestyle使用详解

python实现txt文件格式转换为arff格式

Python3如何在服务器打印资产信息

Python实现获取照片的地理定位信息