JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
投稿: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)键。
您可能感兴趣的文章:
- js中的鼠标事件有哪些(用法示例学习进阶)
- js常用的键盘事件有哪些(用法示例)_键码keyCode对照表
- JavaScript 键盘事件的处理及属性详解
- javascript 组合按键事件监听实现代码
- js捕捉键盘事件和按键键值的方法
- js鼠标按键事件和键盘按键事件用法实例汇总
- Atitit.js的键盘按键事件捆绑and事件调度
- JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- js 事件截取enter按键页面提交事件示例代码
- javascript 按键事件(兼容各浏览器)
- js获取键盘按键响应事件(兼容各浏览器)
- JavaScript 监听textarea中按键事件
- JavaScript中常见的事件用法小结