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


Posted in Javascript onOctober 17, 2014

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 相关文章推荐
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
Apr 13 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 Javascript
js实现带搜索功能的下拉框实时搜索实时匹配
Nov 05 Javascript
node.js应用后台守护进程管理器Forever安装和使用实例
Jun 01 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
深入对Vue.js $watch方法的理解
Mar 20 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
webpack3之loader全解析
Oct 26 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
环形加载进度条封装(Vue插件版和原生js版)
Dec 04 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
Oct 17 #Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
Oct 17 #Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
Oct 17 #Javascript
JavaScript字符串对象substring方法入门实例(用于截取字符串)
Oct 17 #Javascript
让IE8浏览器支持function.bind()方法
Oct 16 #Javascript
jquery获取radio值(单选组radio)
Oct 16 #Javascript
js数组的基本操作(很全自己整理的)
Oct 16 #Javascript
You might like
PHP 压缩文件夹的类代码
2009/11/05 PHP
php制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
php操作memcache缓存方法分享
2015/06/03 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
php命令行写shell实例详解
2018/07/19 PHP
js中文逗号转英文实现
2014/02/11 Javascript
浅析jquery数组删除指定元素的方法:grep()
2016/05/19 Javascript
一道优雅面试题分析js中fn()和return fn()的区别
2016/07/05 Javascript
Angularjs---项目搭建图文教程
2016/07/08 Javascript
jQuery实现的表头固定效果实例【附完整demo源码下载】
2016/08/01 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
vue项目实战总结篇
2018/02/11 Javascript
基于D3.js实现时钟效果
2018/07/17 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
Vue父子传递实例讲解
2020/02/14 Javascript
Python映射拆分操作符用法实例
2015/05/19 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
用十张图详解TensorFlow数据读取机制(附代码)
2018/02/06 Python
Python 实现删除某路径下文件及文件夹的实例讲解
2018/04/24 Python
python根据url地址下载小文件的实例
2018/12/18 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
HTML5的结构和语义(5):内嵌媒体
2008/10/17 HTML / CSS
秘书岗位职责
2013/11/18 职场文书
护士自我评价范文
2014/01/25 职场文书
学校安全教育制度
2014/01/31 职场文书
房产委托公证书样本
2014/04/04 职场文书
2015年六一儿童节活动总结
2015/02/11 职场文书
《学会看病》教学反思
2016/02/17 职场文书
导游词之湖北梁子湖
2019/11/07 职场文书
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python
2021年国漫热度排行前十,完美世界上榜,第四是美国动画作品
2022/03/18 国漫
css样式important规则的正确使用方式
2022/06/10 HTML / CSS
MySQL索引失效场景及解决方案
2022/07/23 MySQL