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 相关文章推荐
javascript replace()正则替换实现代码
Feb 26 Javascript
AlertBox 弹出层信息提示框效果实现步骤
Oct 11 Javascript
AJAX跨域请求json数据的实现方法
Nov 11 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
js验证IP及子网掩码的合法性有效性示例
Apr 30 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
Sep 04 Javascript
vue通过style或者class改变样式的实例代码
Oct 30 Javascript
详解vue 命名视图
Aug 14 Javascript
Js实现复选框的全选、全不选反选功能代码实例
Feb 28 Javascript
微信小程序国际化探索实现(附源码地址)
May 20 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
使用adodb lite解决问题
2006/12/31 PHP
PHP查询MySQL大量数据的时候内存占用分析
2011/07/22 PHP
PHP函数篇详解十进制、二进制、八进制和十六进制转换函数说明
2011/12/05 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
PHP设计模式之工厂模式定义与用法详解
2018/04/03 PHP
ThinkPHP5.1+Ajax实现的无刷新分页功能示例
2020/02/10 PHP
原型方法的不同写法居然会影响调试的解决方法
2007/03/08 Javascript
跟着JQuery API学Jquery 之三 筛选
2010/04/09 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
60个很实用的jQuery代码开发技巧收集
2014/12/15 Javascript
轻松创建nodejs服务器(10):处理上传图片
2014/12/18 NodeJs
Javascript实现的Map集合工具类完整实例
2015/07/31 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
Vue下的国际化处理方法
2017/12/18 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
createObjectURL方法实现本地图片预览
2019/09/30 Javascript
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
numpy使用技巧之数组过滤实例代码
2018/02/03 Python
python微信公众号开发简单流程
2018/03/23 Python
python实现引用其他路径包里面的模块
2020/03/09 Python
处理textarea中的换行和空格
2019/12/12 HTML / CSS
英国网上超市:Ocado
2020/03/05 全球购物
上海微创软件面试题
2012/06/14 面试题
幼师自荐信范文
2013/10/06 职场文书
质检的岗位职责
2013/11/17 职场文书
大课间活动制度
2014/01/18 职场文书
上课迟到检讨书
2014/01/19 职场文书
品质口号大全
2014/06/17 职场文书
会计学专业求职信
2014/07/17 职场文书
2015年度党员个人总结
2015/02/14 职场文书
教师旷工检讨书
2015/08/15 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS
TensorFlow中tf.batch_matmul()的用法
2021/06/02 Python