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异步表单提交,图片上传,兼容异步模拟ajax技术
May 10 Javascript
JavaScript 拾碎[三] 使用className属性
Oct 16 Javascript
jquery中实现标签切换效果的代码
Mar 01 Javascript
js 链式延迟执行DOME
Jan 04 Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
Jan 13 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
jQuery的实例及必知重要的jQuery选择器详解
May 20 Javascript
JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)
Jun 24 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
Vue中正确使用jQuery的方法
Oct 30 jQuery
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 Javascript
js实现多张图片每隔一秒切换一张图片
Jul 29 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
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
PHP swfupload图片上传的实例代码
2013/09/30 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
php分页原理 分页代码 分页类制作教程
2016/09/23 PHP
PHP自定义多进制的方法
2016/11/03 PHP
ThinkPHP实现静态缓存和动态缓存示例代码
2017/05/02 PHP
用javascript实现画板的代码
2007/09/05 Javascript
jQuery获取当前对象标签名称的方法
2014/02/07 Javascript
Jquery插件编写简明教程
2014/03/25 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
javascript中的五种基本数据类型
2015/08/26 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
用原生JS实现简单的多选框功能
2017/06/12 Javascript
Vue2.0 从零开始_环境搭建操作步骤
2017/06/14 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
2017/09/02 Javascript
js实现跟随鼠标移动的小球
2019/08/26 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
浅谈python import引入不同路径下的模块
2017/07/11 Python
python web基础之加载静态文件实例
2018/03/20 Python
python库matplotlib绘制坐标图
2019/10/18 Python
python3下pygame如何实现显示中文
2020/01/11 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
CSS3中HSL和HSLA的简单使用示例
2015/07/14 HTML / CSS
写出一个方法实现冒泡排序
2016/07/08 面试题
大三学生入党思想汇报
2014/01/02 职场文书
运动会跳远加油稿
2014/02/20 职场文书
幼儿评语大全
2014/04/30 职场文书
奥巴马竞选演讲稿
2014/05/15 职场文书
安全生产工作汇报
2014/10/28 职场文书
颐和园英文导游词
2015/01/30 职场文书
2015年秋季灭鼠工作总结
2015/07/27 职场文书
小学生教师节广播稿
2015/08/19 职场文书
公安纪律作风整顿心得体会
2016/01/23 职场文书
详解Vue的options
2021/05/15 Vue.js
Mysql Online DDL的使用详解
2021/05/20 MySQL