javakeydown_利用Keydown事件阻止用户输入实现代码

利用Keydown事件阻止用户输入实现代码

更新时间&＃xff1a;2014年03月11日 16:38:29   作者&＃xff1a;

这篇文章主要介绍了利用Keydown事件阻止用户输入的具体实现,需要的朋友可以参考下

先了解下各事件的区别

KeyDown&＃xff1a;在控件有焦点的情况下按下键时发生

KeyPress&＃xff1a;在控件有焦点的情况下按下键时发生

KeyUp&＃xff1a; 在控件有焦点的情况下释放键时发生

1、KeyPress主要用来接收字母、数字等ANSI字符。KeyDown 和 KeyUP 事件过程通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键

2、KeyPress 只能捕获单个字符&＃xff0c;KeyDown 和KeyUp 可以捕获组合键。

3、KeyPress 不显示键盘的物理状态(SHIFT键)&＃xff0c;而只是传递一个字符。KeyPress 将每个字符的大、小写形式作为不同的键代码解释&＃xff0c;即作为两种不同的字符。KeyDown 和KeyUp 不能判断键值字母的大小。KeyDown 和 KeyUp 用两种参数解释每个字符的大写形式和小写形式&＃xff1a;keycode — 显示物理的键(将 A 和 a 作为同一个键返回)和 shift —指示 shift &＃43; key 键的状态而且返回 A 或 a 其中之一。

5、KeyPress 不区分小键盘和主键盘的数字字符&＃xff0c;KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。

6、KeyDown、KeyUp事件是当按下 ( KeyDown ) 或松开 ( KeyUp ) 一个键时发生的。由于一般按下键盘的键往往会立即放开(这和鼠标不同)&＃xff0c;所以这两个事件使用哪个差别不大。而且&＃xff0c;up和其他两者还有一个区别&＃xff1a;要判断key修改后的状态必须用up。

我们可以利用keydown事件来阻止用户的输入&＃xff0c;比如某输入域只能输入数字

键盘上数字键的keyCode

[48-57] 数字键

[96-105] 数字小键盘

此外允许Backspace键删除

代码如下

var input &＃61; document.getElementById(&＃39;number_ipt&＃39;)

input.onkeydown &＃61; function(e) {

var keyCode &＃61; e.keyCode

if ( !isNumber(keyCode) ) return false

}

// 仅能输入数字

function isNumber(keyCode) {

// 数字

if (keyCode >&＃61; 48 && keyCode <&＃61; 57 ) return true

// 小数字键盘

if (keyCode >&＃61; 96 && keyCode <&＃61; 105) return true

// Backspace键

if (keyCode &＃61;&＃61; 8) return true

return false

}

相关文章

这篇文章主要介绍了js找出5个数中最大的一个数和倒数第二大的数实现方法,结合实例形式总结分析了Javascript数组遍历、排序、判断、比较等相关操作技巧,需要的朋友可以参考下2020-03-03

这篇文章主要介绍了JS使用正则表达式过滤多个词语并替换为相同长度星号的方法,涉及Javascript字符串与正则替换操作相关技巧,需要的朋友可以参考下2016-08-08

这篇文章主要介绍了jQuery实现移动端滑块拖动选择数字效果&＃xff0c;jQuery实现移动端滑块拖动效果&＃xff0c;感兴趣的小伙伴们可以参考一下2015-12-12

最近在项目开发中&＃xff0c;遇到好多雷同的页面样式&＃xff0c;就想着可以将常用的功能模块封装成组件&＃xff0c;方便在项目中使用和修改。这篇文章主要介绍了微信小程序之自定义组件的实现代码(附源码),需要的朋友可以参考下2018-08-08

这篇文章主要为大家详细介绍了Javascript数组合并的多种方法&＃xff0c;感兴趣的朋友可以参考一下2016-05-05

这篇文章主要介绍了js判断非127开头的IP地址,本文通过实例代码给大家介绍的非常详细&＃xff0c;具有一定的参考借鉴价值&＃xff0c;需要的朋友可以参考下2020-01-01

中文乱码在Java Web开发中经常出现&＃xff0c;这是由于不同的部分编码不一样造成的&＃xff0c;一般在开发中&＃xff0c;我们把所有能设编码的地方&＃xff0c;全部设置成UTF-8&＃xff0c;但是有时候还是会出现乱码的情况。下面通过本文给大家分享JS外部文件中文注释出现乱码的解决方案&＃xff0c;一起看看吧2017-07-07

这篇文章主要介绍了详解webpack2&＃43;node&＃43;react&＃43;babel实现热加载(hmr) ,非常具有实用价值&＃xff0c;需要的朋友可以参考下2017-08-08

这篇文章主要介绍了webpack 5 联邦模块介绍&＃xff0c;文中通过示例代码介绍的非常详细&＃xff0c;对大家的学习或者工作具有一定的参考学习价值&＃xff0c;需要的朋友们下面随着小编来一起学习学习吧2020-07-07

这篇文章主要给大家介绍了Javascript实现省市区三级联动下拉框菜单&＃xff0c;有需要的朋友可以参考下2015-08-08

最新评论