`
javatome
  • 浏览: 845110 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

JS控制键盘输入

 
阅读更多

<html>
<head>
<script>
/* Author: Kevin
* Date: 2011-10-21
* Description:
* 1. 'num': Only allow to input number 0-9;
* 2. 'alp': Only allow to input alphabet A-Z(a-z);
* 3. 'numalp': Only allow to input both number and alphabet above.
*/
function fnInputCondition(pKind){

var code = event.keyCode;
var invalid = false;
var invalidMsg = "";
pKind = pKind.toUpperCase();
//alert("Kevin test: code = " + code);
if(!fnCheckControl()){

if(pKind == "NUM"){
if(!fnCheckNum()){
invalid = true;
invalidMsg = "只能输入数字!";
}
}else if(pKind == "ALP"){
if(!fnCheckAlphabet()){
invalid = true;
invalidMsg = "只能输入英文字母!";
}
}else if(pKind == "NUMALP"){
if(!(fnCheckNum() || fnCheckAlphabet())){
invalid = true;
invalidMsg = "只能输入数字和英文字母!";
}
}
if(invalid){
event.returnValue = false;
alert(invalidMsg);
}
}
// 检查是否输入控制键
function fnCheckControl(){
// 8对应退格键, 46对应Del键, 37对应向左键, 38对应向上键,39对应向右键, 40对应向下键
// 13对应回车键,20对应大写锁定键, 16对应Shift键, 144对应数码锁定键, 35对应End键,36对应Home键
if((code == 8 || code == 46 || code == 144 || code == 35 || code == 36 ||
code == 37 || code == 38 || code == 39 || code == 40 ||
code == 13 || code == 20 || code == 16)){
return true;
}else{
return false;
}
}
// 检查是否输入数字
function fnCheckNum(){
// 48-57对应键盘0-9, 96-105对应小键盘0-9, 并屏蔽Shift+(0-9)组合键
if (((code>=48 && code<=57) || (code>=96 && code<=105)) && event.shiftKey != true){
return true;
}else{
return false;
}
}

// 检查是否输入字母
function fnCheckAlphabet(){
// 65-90对应A-Z(a-z), 大小写同一个按键
if ((code>=65 && code<=90)){
return true;;
}else{
return false;
}
}
}
</script>
</head>
<body>
<input type="text" id="t_inputQty" maxlength=200 onkeydown="fnInputCondition('alp');"/>
</body>
</html>

分享到:
评论

相关推荐

    JS软键盘输入

    JS软键盘输入,通过使用键盘输入来输入密码

    css+div 大键盘支持+js软键盘输入

    在这个“css+div 大键盘支持+js软键盘输入”的项目中,我们主要探讨的是如何在触摸屏设备上为前端应用程序提供大键盘和软键盘输入功能。 首先,CSS和div是用于布局和样式设计的工具。Div元素在HTML中被广泛用来创建...

    JS键盘控制JS键盘控制JS键盘控制

    JavaScript(简称JS)是一种广泛用于Web开发的轻量级脚本语言,它允许开发者通过浏览器直接与用户交互,包括处理用户的键盘输入。在JavaScript中,键盘事件是获取用户键盘输入的关键,这使得开发者能够实现各种功能...

    JavaScript使用键盘输入控制实现数字验证功能

    在JavaScript中,数字验证功能是常见...总的来说,JavaScript中的键盘输入控制是数字验证的一种有效方法,但要确保不影响用户的基本交互体验。在实际应用中,还应考虑各种边界条件和兼容性问题,以提供良好的用户体验。

    js软键盘.js软键盘.js软键盘

    当用户点击虚拟键盘上的按键时,JavaScript会模拟键盘输入,将相应的字符添加到输入框中。这种技术通常用于移动设备,因为在触摸屏设备上,弹出的系统键盘可能会遮挡页面内容。 实现JS软键盘的关键点包括: 1. **...

    JS软键盘代码

    JavaScript软键盘代码是一种在网页上实现输入控制的解决方案,尤其适用于移动设备,因为这些设备可能没有物理键盘。这种软键盘通常是由JavaScript动态生成并显示在屏幕上的,为用户提供输入文字的功能,常见于登录、...

    控制键盘输入整数数字 和只允许输入数字

    在给定的标题“控制键盘输入整数数字 和只允许输入数字”以及描述中,我们可以看到这是一个关于如何实现这一功能的技术问题。在本文中,我们将深入探讨如何在不同编程语言中实现键盘输入的限制,特别是限制输入为...

    JS虚拟键盘VirtualKeyboard3.7.1

    JS虚拟键盘,顾名思义,是一种基于JavaScript技术实现的键盘模拟器,能够在网页上生成一套可交互的键盘界面,为用户提供输入服务。VirtualKeyboard3.7.1版本在前作的基础上进一步优化,特别强调对中英文输入的支持,...

    html js 虚拟键盘带拼音输入法

    它不仅控制着键盘的显示与隐藏,还负责处理用户的点击事件,模拟真实的键盘输入。通过监听用户的触摸或鼠标点击,JS可以触发相应的拼音输入,并将拼音转换为对应的汉字。 关于"拼音输入法",它是中文输入的一种常见...

    web js虚拟键盘(中英文切换)

    在网页开发中,为了提升用户体验,特别是在触屏设备上,经常需要实现虚拟键盘功能,以替代物理键盘输入。"Web JS虚拟键盘(中英文切换)"是一个专为满足这种需求而设计的解决方案。这个项目利用JavaScript语言,创建...

    触摸屏终端软键盘JS虚拟键盘.rar

    传统的软键盘输入方式往往需要多步操作,用户体验并不理想。为了解决这一问题,"触摸屏终端软键盘JS虚拟键盘"应运而生,它提供了一步直接输入的功能,并且支持密码输入,极大地优化了用户在触摸屏上的输入体验。 JS...

    JS虚拟键盘--VirtualKeyboard.371

    - **安全增强**:使用虚拟键盘可以减少物理键盘输入时被恶意软件监控的风险。 **4. 使用方法** - **安装**:将VirtualKeyboard的JavaScript和CSS文件引入到项目中,并确保jQuery库已加载。 - **初始化**:通过...

    js键盘控制6键弹钢琴特效

    【JavaScript 键盘事件与音乐合成】 在"js键盘控制6键弹钢琴特效"这个项目中,主要涉及了JavaScript编程语言以及键盘事件监听和...通过监听键盘输入,生成并控制音频节点,配合视觉效果,模拟出真实的钢琴演奏体验。

    好用的js 软键盘

    这个js软键盘实现了一个完整的输入解决方案,不仅涵盖了基本的中英文切换输入功能,还特别加入了对拼音和五笔输入的支持。拼音输入是中文用户最常用的输入法,而五笔输入则适用于熟悉五笔编码的用户,能够提高输入...

    javascript模拟键盘

    在本例中,JavaScript被用来创建和控制虚拟键盘的各个元素,包括按键布局、响应用户点击事件、处理输入法功能(如汉语全拼)等。 虚拟键盘的实现通常涉及以下几个关键知识点: 1. HTML结构:虚拟键盘的可视化部分...

    js控制文本框只能输入正整数和逗号

    ### JavaScript 控制文本框只能输入正整数和逗号 在Web开发中,为了提高用户体验并确保数据的有效性,我们经常需要对用户输入的数据进行验证。例如,在某些场景下,可能需要用户仅能输入正整数和逗号,以便于后续...

    采用纯js脚本实现的键盘输入模拟器脚本源码例子

    本文将深入探讨“采用纯js脚本实现的键盘输入模拟器脚本源码例子”,即VirtualKeyboard.full.3.5.1。 键盘输入模拟器是一种允许用户通过鼠标或其他非传统输入设备模拟键盘操作的技术。在Web应用中,这种模拟器尤其...

    js 只接收数字键盘,屏蔽字母区键盘

    在本例中的 `inputNum(event)` 函数中,我们可以通过一系列条件语句来控制哪些字符可以被输入到文本框中。 - **条件判断**:通过 `if` 语句来检查按键是否为数字、删除键或退格键。 - **返回值**:如果条件满足,则...

    js键盘事件实现人物的行走

    然后,通过JavaScript来监听键盘事件,根据用户的按键输入来控制人物的图像变化,从而实现行走或跳跃的动作。 示例代码如下所示: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;JS Keyboard Events for Character Movement...

    js 软键盘 数字 键盘

    JavaScript(简称JS)是一种轻量级的解释型编程语言,常用于网页和网络应用开发。在移动设备或网页中,由于安全原因,通常不允许直接访问硬件键盘,因此开发者需要为输入框提供虚拟键盘,以便用户在触摸屏上进行输入...

Global site tag (gtag.js) - Google Analytics