请问有无现成的键码表,或者区分字符键和功能键的方法?(必给分)

muren 2001-08-31 06:49:37
从event.keyCode得到键值是按键位排列的,
小键盘上的数字键和大键盘上的数字键键值都不一样,
有没有完整的键值对照表可供参照?
或者有无其它可以区分字符键和功能键的方法?
...全文
191 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
muren 2001-09-02
  • 打赏
  • 举报
回复
没有现成的,自己做了一个,给大家共享。

一、键位扫描码,用event.keyCode获得
8 退格
9 Tab
12 小键盘<5>,numlock未锁定时
13 回车
16 Shift
17 Ctrl
18 Alt
19 Pause Break
20 CapsLock
27 Esc
33 PgUp
34 PgDn
35 End
36 Home
37 ←
38 ↑
39 →
40 ↓
45 Insert和小键盘的Ins
46 Delete和小键盘的Del
48 0 )
49 1 !
50 2 @
51 3 #
52 4 $
53 5 %
54 6 ^
55 7 &
56 8 *
57 9 (
65 A(小写一样)
66 B
67 C
68 D
69 E
70 F
71 G
72 H
73 I
74 J
75 K
76 L
77 M
78 N
79 O
80 P
81 Q
82 R
83 S
84 T
85 U
86 V
87 W
88 X
89 Y
90 Z
91 左窗键
92 右窗键
93 仿右鼠标键
96 0(小键盘)
97 1(小键盘)
98 2(小键盘)
99 3(小键盘)
100 4(小键盘)
101 5(小键盘)
102 6(小键盘)
103 7(小键盘)
104 8(小键盘)
105 9(小键盘)
106 *(小键盘)
107 +(小键盘)
109 -(小键盘)
111 /(小键盘)
112 F1 IE占用
113 F2
114 F3 IE占用
115 F4 IE占用
116 F5 IE占用
117 F6 IE占用
118 F7
119 F8
120 F9
121 F10
取不到 F11
取不到 F12
取不到 Print Screen SysRq
144 NumLock
145 Scroll Lock
186 : ;
187 + =
188 < ,
189 - _
190 > .
191 ? /
192 ` ~
219 { [
220 | \
221 } ]
222 " '

二、检测同时按下的控制键用:
event.altKey true为按下了Alt键
event.ctrlKey true为按下了Ctrl键
event.shiftKey true为按下了Shift键

三、判断函数
//是否数字键
function isnumkey(nkey)
{
if(!event.altKey && !event.ctrlKey && !event.shiftKey &&
(nkey>=48 && nkey<=57 || nkey>=96 && nkey<=105))
return true;
else
return false;
}

//是否字母键
function isalphakey(nkey)
{
if(!event.altKey && !event.ctrlKey && nkey>=65 && nkey<=90)
return true;
else
return false;
}

//是否字符键
function ischarkey(nkey)
{
if(!event.altKey && !event.ctrlKey && (nkey>=65 && nkey<=90 ||
nkey>=48 && nkey<=57 || nkey>=96 && nkey<=105 || nkey==106 ||
nkey==107 || nkey==109 || nkey==110 || nkey==111 ||
nkey>=186 && nkey<=192 || nkey>=219 && nkey<=222))
return true;
else
return false;
}

playlynx 2001-08-31
  • 打赏
  • 举报
回复
你可以自己写个网页测试一下
自己把它记下来啊
我记得斑竹的网页上就有这个例子,自己叫孟子吧
下载代码方式:https://pan.quark.cn/s/a4b39357ea24 HTML大屏展示模板是一种用于设计具有视觉冲击力且内容充实的巨型显示屏应用的设计方案,其应用范围广泛,涵盖了数据析、监控以及决策支持等多个领域。这些模板通常整合了HTML、CSS、JavaScript等多种技术,尤其借助ECharts等数据可视化工具以达成复杂数据的图形化呈现。以下是对相关技术细节的深入说明: 1. **可视化**:数据可视化是将抽象的数据转化为直观的图像或图表的技术手段。这种技术有助于迅速识别数据中的模式、发展趋势和异常情况,使得非专业背景的人员也能轻松理解复杂的数据信息。在大屏展示场景中,可视化通常包含折线图、柱状图、饼图、热力图、地图等多种图表形式。 2. **大数据**:大数据指的是规模庞大、增长迅速、种类多样且数据密度较低的数据集合。在HTML大屏展示中,大数据的应用旨在支持实时或近乎实时的决策制定,例如监控销售业绩、交通流量、能源消耗等关性能指标。 3. **HTML**:超文本标记语言(HTML)构成了网页内容的基础结构,用于界定页面的布局和元素。在大屏展示模板中,HTML负责构建页面组件,例如标题、段落、图像以及图表容器等。 4. **CSS**:层叠样式表(CSS)用于调控网页的视觉风格和布局结构。在大屏模板设计中,CSS扮演着核心角色,确保设计的响应性、适应性和美观度,包括设定颜色、字体、间距、动画效果等。 5. **ECharts**:ECharts是由百度研发的一款开源JavaScript数据可视化库,能够支持多种图表类型,如折线图、柱状图、散点图等,并提供了丰富的交互特性。在大屏展示中,ECharts能够助力生成动态且交互式的数据...

87,987

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧