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

js keyValue 键盘

    博客分类:
  • js
阅读更多

<html>

<head>

</head>

<body onkeyup="window.alert(showKeyName(event))">

按键测试,支持像 Ctrl+Alt+Shift+T 的组合键(注:非浏览器热键)

<script type="text/javascript">

function showKeyName(e)

{

var keyName;

switch(e.keyCode)

{

case 8:keyName = e.keyCode+"[退格]";break;

case 9:keyName = e.keyCode+"[Tab]";break;

case 13:keyName = e.keyCode+"[Enter]";break;

case 16:keyName = e.keyCode+"[Shift]";break;

case 17:keyName = e.keyCode+"[Ctrl]";break;

case 18:keyName = e.keyCode+"[Alt]";break;

case 19:keyName = e.keyCode+"[PauseBreak]";break;

case 20:keyName = e.keyCode+"[Caps Lock]";break;

case 27:keyName = e.keyCode+"[Esc]";break;

case 32:keyName = e.keyCode+"[空格]";break;

case 33:keyName = e.keyCode+"[PageUp]";break;

case 34:keyName = e.keyCode+"[PageDown]";break;

case 35:keyName = e.keyCode+"[End]";break;

case 36:keyName = e.keyCode+"[Home]";break;

case 37:keyName = e.keyCode+"[方向键左]";break;

case 38:keyName = e.keyCode+"[方向键上]";break;

case 39:keyName = e.keyCode+"[方向键右]";break;

case 40:keyName = e.keyCode+"[方向键下]";break;

case 45:keyName = e.keyCode+"[Insert]";break;

case 46:keyName = e.keyCode+"[Delete]";break;

case 91:keyName = e.keyCode+"[Win]";break;

case 92:keyName = e.keyCode+"[Win]";break;

case 93:keyName = e.keyCode+"[快捷菜单键]";break;

case 95:keyName = e.keyCode+"[Sleep]";break;

case 96:keyName = e.keyCode+"[小键盘区0]";break;

case 97:keyName = e.keyCode+"[小键盘区1]";break;

case 98:keyName = e.keyCode+"[小键盘区2]";break;

case 99:keyName = e.keyCode+"[小键盘区3]";break;

case 100:keyName = e.keyCode+"[小键盘区4]";break;

case 101:keyName = e.keyCode+"[小键盘区5]";break;

case 102:keyName = e.keyCode+"[小键盘区6]";break;

case 103:keyName = e.keyCode+"[小键盘区7]";break;

case 104:keyName = e.keyCode+"[小键盘区8]";break;

case 105:keyName = e.keyCode+"[小键盘区9]";break;

case 106:keyName = e.keyCode+"[*]";break;

case 107:keyName = e.keyCode+"[+]";break;

case 109:keyName = e.keyCode+"[-]";break;

case 110:keyName = e.keyCode+"[.]";break;

case 111:keyName = e.keyCode+"[/]";break;

case 112:keyName = e.keyCode+"[F1]";break;

case 113:keyName = e.keyCode+"[F2]";break;

case 114:keyName = e.keyCode+"[F3]";break;

case 115:keyName = e.keyCode+"[F4]";break;

case 116:keyName = e.keyCode+"[F5]";break;

case 117:keyName = e.keyCode+"[F6]";break;

case 118:keyName = e.keyCode+"[F7]";break;

case 119:keyName = e.keyCode+"[F8]";break;

case 120:keyName = e.keyCode+"[F9]";break;

case 121:keyName = e.keyCode+"[F10]";break;

case 122:keyName = e.keyCode+"[F11]";break;

case 123:keyName = e.keyCode+"[F12]";break;

case 144:keyName = e.keyCode+"[NumLock]";break;

case 145:keyName = e.keyCode+"[ScrollLock]";break;

case 186:keyName = e.keyCode+"[;]";break;

case 187:keyName = e.keyCode+"[=]";break;

case 188:keyName = e.keyCode+"[,]";break;

case 189:keyName = e.keyCode+"[-]";break;

case 190:keyName = e.keyCode+"[.]";break;

case 191:keyName = e.keyCode+"[/]";break;

case 192:keyName = e.keyCode+"[`]";break;

case 219:keyName = e.keyCode+"[[]";break;

case 220:keyName = e.keyCode+"[\\]";break;

case 221:keyName = e.keyCode+"[]]";break;

case 222:keyName = e.keyCode+"[']";break;

//case 255:keyName = e.keyCode+"[Power]";break;

case 255:keyName = e.keyCode+"[Wake]";break;

default:keyName = e.keyCode+"[" + String.fromCharCode(e.keyCode) + "]";break;

}

if((e.shiftKey)&&(e.keyCode!=16)){keyName = e.keyCode+"[Shift] + " + keyName;}

if((e.altKey)&&(e.keyCode!=18)){keyName = e.keyCode+"[Alt] + " + keyName;}

if((e.ctrlKey)&&(e.keyCode!=17)){keyName = e.keyCode+"[Ctrl] + " + keyName;}

return keyName;

}

</script>

</body>

</html>

 

 

 

 

 

 

<script language="javascript">

   function window.document.onkeyup()

{

     alert(event.keyCode);

}

</script>

 

分享到:
评论

相关推荐

    js模拟小键盘

    【js模拟小键盘】是一种在网页上通过JavaScript实现的虚拟键盘功能,主要应用于网页上的输入场景,例如在线考试系统、密码输入框等,避免了用户直接在物理键盘上输入,提高了数据安全性和用户体验。这种技术尤其适用...

    js 软键盘 数字 键盘

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

    JavaScript随机数字键盘模拟器

    JavaScript随机数字键盘模拟器是一种常见的前端开发功能,用于在网页上模拟手机或计算器的数字输入键盘,常见于移动设备上的密码输入、数字选择等场景。本文将深入探讨如何使用JavaScript来实现这样的功能,包括基本...

    模拟QQ的js 模拟键盘输入

    在JavaScript(简称JS)编程中,模拟键盘输入是一项常见的需求,尤其在开发Web应用程序时,例如测试、自动化脚本或者创建交互式用户界面等场景。本文将深入探讨如何使用JavaScript来模拟键盘输入,并以“模拟QQ的js ...

    js软键盘

    JavaScript(简称JS)软键盘是一种基于Web的输入解决方案,它允许用户在网页上输入数据时,使用由JavaScript生成的虚拟键盘代替系统自带的物理键盘。这种技术常用于提高在线安全,尤其是在处理敏感信息如密码、信用...

    HTML实现电脑软键盘

    HTML负责创建键盘的布局和结构,CSS提供视觉样式,而JavaScript则赋予键盘交互性。通过不断优化和扩展,我们可以创建出更加复杂、功能丰富的软键盘,满足不同场景下的需求。在实际项目中,可能还需要考虑浏览器兼容...

    JS实现电脑虚拟键盘的操作

    在JS代码中,`createKey()` 函数用于创建每个键的DOM元素,并将其添加到键盘容器中。`insertText()` 函数则负责根据用户点击的键将相应的字符插入到输入框中。输入框的聚焦和失焦事件监听器控制了键盘的显示与隐藏。...

    jquery软键盘插件点击弹出软键盘输入密码效果

    在开始创建软键盘插件之前,我们需要对jQuery的基本用法有所了解。jQuery通过$函数作为入口,可以快速选择DOM元素、操作DOM、绑定事件以及执行动画。例如,选择页面上的某个元素: ```javascript var element = $('...

    HTML实现软键盘的使用

    input.value += key; }); keyboardContainer.appendChild(button); }); ``` 3. 实现退格功能:添加一个退格键,点击时删除最后一个字符。 4. 键盘布局逻辑:根据实际需求,可能需要实现不同的布局模式(如...

    js 键盘事件 鼠标单击事件

    ### JavaScript中的键盘事件详解 #### 一、概述 在JavaScript中,键盘事件是与用户键盘输入相关的事件。这些事件主要用于捕获用户的键盘操作,并根据不同的按键执行相应的逻辑处理。本篇文章将详细介绍`onkeypress...

    js实现在线键盘输入效果

    JavaScript(简称JS)作为客户端编程语言,能够很好地实现这一效果。下面将详细探讨如何使用JavaScript来创建一个在线键盘输入效果。 首先,我们需要创建HTML结构,这通常包括一个用于显示输入框的区域和一个模拟...

    在asp中开发软键盘的代码

    在ASP(Active Server Pages)中开发软键盘的代码是一项实用的技术,这主要应用于网页上的密码输入或者...同时,学习和调试这些代码可以帮助提升对ASP、VBScript和JavaScript的理解,以及在实际项目中应用软键盘技术。

    javascript实现捕捉键盘上按下的键

    标题中提到的知识点是如何在JavaScript中捕捉键盘上按下的键。在Web开发中,能够响应用户键盘事件是一个很常见的需求,它可以让用户与页面进行更丰富的交互。通过JavaScript,我们能够通过监听键盘事件来捕捉用户按...

    html5密码键盘

    &lt;script src="passwordKeyboard.js"&gt; ``` 接下来是JavaScript部分,这里我们将创建一个虚拟键盘并监听用户的点击事件。每个按键都绑定一个事件处理器,当用户点击时,对应的字符将添加到密码输入框中。 ```...

    键盘操作select下拉框

    然而,如果需要自定义键盘交互或者在不完全支持键盘导航的环境中,可以通过JavaScript进行增强。 以下是一个使用JavaScript实现键盘操作`select`下拉框的示例: ```javascript document.querySelectorAll('select'...

    React组件来处理键盘事件 :key:

    Testimonials “很高兴看到 react-key-handler 是 SSR 安全的:thumbs_up:” [Veselin Todorov](https://github.com/vesln), Chai.js 核心目录 安装使用 高阶组件 组件表单 键处理 Key事件名称 keyValue、code 和 ...

    JS模拟键盘打字效果的方法

    在JavaScript编程中,有时我们可能需要为网页应用添加一些特殊效果,比如模拟键盘打字的效果。这在某些交互式设计或者游戏开发中尤其有用。本文将深入探讨如何使用JavaScript实现这个功能,通过创建一个简单的软键盘...

    12 - 键盘输入序列的验证指南.rar

    本资源“12 - 键盘输入序列的验证指南”可能包含一系列关于如何在JavaScript(JS)环境中有效验证用户通过键盘输入的数据的方法和最佳实践。下面将详细介绍这个主题中的相关知识点。 一、键盘事件 在JavaScript中,...

    jQuery虚拟数字键盘

    **jQuery虚拟数字键盘** 在网页应用中,有时我们需要为用户提供一个仅限数字输入的界面,例如在填写电话号码、身份证号或密码时。在这种情况下,使用传统的文本输入框可能不够安全或者不够用户友好。为此,我们可以...

Global site tag (gtag.js) - Google Analytics