首页 > web前端 > js教程 > JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)_基础知识

JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)_基础知识

WBOY
发布: 2016-05-16 16:33:47
原创
1922 人浏览过

JavaScript onkeypress 事件

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

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

提示

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

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

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

复制代码 代码如下:



<script><br /> function checkNumber(e)<br /> {<br /> var keynum = window.event &#63; e.keyCode : e.which;<br /> //alert(keynum);<br /> var tip = document.getElementById("tip");<br /> if( (48<=keynum && keynum<=57) || keynum == 8 ){<br /> tip.innerHTML = "";<br /> return true;<br /> }else {<br /> tip.innerHTML = "提示:只能输入数字!";<br /> return false;<br /> }<br /> } <br /> </script>



请输入数字:




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

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板