键盘中每个按键都对应一个数值,通过匹配进行功能函数得划分,主要使用得是键盘按键事件,onkeydown;案例如下:

<!DOCTYPE html>
<html >
<head><title></title>
</head>
<script type="text/javascript">function init(){//页面键盘点击时触发document.onkeydown=showKeyDown;}function showKeyDown(evt){evt = (evt) ? evt : window.event ;if(evt.keyCode==38){fun1(); }if(evt.keyCode==40){fun2(); }}function fun1(){alert("功能一测试");}function fun2(){alert("功能二测试");}</script>
<body onload="init()"><div align="center"><p>说明:键盘"上"为功能一测试</p><p>键盘"下"为功能二测试</p><button onclick="fun1()">功能一测试</button><button onclick="fun2()">功能二测试</button></div></body>
</html>

操作结果如图:

更多可以参考以下博文:
js键盘按钮keyCode及示例大全:https://www.cnblogs.com/daysme/p/6272570.html
键盘按钮keyCode大全: https://www.cnblogs.com/shyy/archive/2012/04/09/2453029.html

html 键盘按键与按钮功能关联相关推荐

  1. Android 键盘的搜索按钮功能

    系统键盘的搜索按钮,默认情况下是被隐藏的,如果要使用必须要手动设置,才可以调用搜索按键功能. 具体使用,只需要如下三个步骤: 1:在布局文件中的EditText中添加如下三个属性 android:ma ...

  2. 简单的键盘按键记录(无码)/虚拟地址转物理地址/生成随机字符串/计算字符串哈希

    最近看到 一个 样本 ,里面有键盘 按键记录的功能 ,而且 实现也比较 简单,运行 记录 的效果还 不错 .主要思路如下 : //假代码 int i=0;for(i=0;i<0x100;i++) ...

  3. linux bind命令,LINUX命令bind-系统管理-显示或设置键盘按键与其相关的功能

    bind命令 用于显示和设置命令行的键盘序列绑定功能.通过这一命令,可以提高命令行中操作效率.您可以利用bind命令了解有哪些按键组合与其功能,也可以自行指定要用哪些按键组合. 语法 bind(选项) ...

  4. 计算机各按键的作用,【键盘各个键的功能图解】键盘各个键的功能介绍_键盘各个键的用途...

    2013-05-23 10:59:25 浏览量:1225 电脑键盘是是电脑用户最常使用到的工具了,其中F1到F12这12个F键就有很多人并不熟悉,其实位于键盘顶部的这12个功能键是非常好用的,那么这十 ...

  5. 模拟键盘按键、鼠标单击功能发布(可发送快捷键、热键、鼠标左键多次单击)—— 定时执行专家

    目录 ◆ 定时执行专家 -- 模拟键盘按键 ◆ 定时执行专家 -- 模拟鼠标单击 ◆ 定时执行专家 -- 模拟键盘按键 - 设置方法 (1)点击 "定时执行专家" 工具栏 &quo ...

  6. python实现按键精灵的功能_pyautogui简介_python中的按键精灵_键盘鼠标模拟

    以下翻译来自官司网说明网站 pyautogui.readthedocs.io pyautogui模块的目的是提供跨平台的自动化键盘鼠标操作.这个模块我们尽可能设计得容易使用.例如,下面的代码都会把鼠标 ...

  7. 按键添加震动功能。设置-》应用和通知-》通知-》高级-》勿扰模式立即开启按钮放置界面首行。

    按键添加震动功能: /frameworks/base/services/core/java/com/android/server/policy/PhoneWindowManager.java 比如Ho ...

  8. 弹出键盘布局上移_评测 | 别买了HHKB键盘不知道这些新功能!

    ⇪ 点击"蓝字"关注我们 ⇪  关于HHKB静电容键盘的新品系列,小U已经与大家分享了不少"评测",虽然距离新品发布已经有一段时间,但大家的热情依旧不减呀,每一 ...

  9. 不同品牌机中的“Fn”按钮功能定位汇总

    "FN"意为"Function"(功能),用以和其他的按键组成组合键以便实现控制作用. 它是多出现于笔记本和上网本键盘左下角的一个键.有的笔记本将Ctrl键置于 ...

最新文章

  1. 索尼大法要专门开始搞AI了,成立Sony AI,发力游戏、影像和美食
  2. Serverless 解惑——函数计算如何访问 Redis 数据库
  3. ionic + cordova 配置和开发过程中的一些问题
  4. 第15章习题解答(一)——《x86汇编语言:从实模式到保护模式》读书笔记40
  5. 成都亿佰特物联网无线数传专家:lora无线传输模块网关技术的优缺点
  6. 前端学习(1344):用户的增删改查操作1
  7. Python基础——6面向对象编程
  8. TLB的作用及工作原理,如何查看TLB miss?
  9. git缓冲区查看_git原理学习记录:从基本指令到背后原理,实现一个简单的git
  10. 数字PCR(DPCR)和QPCR行业调研报告 - 市场现状分析与发展前景预测
  11. 解决hibernate只能插入一条数据的问题
  12. 关于起点中文网字体反爬的解决方法——以阅读指数榜为例
  13. EasyConnect下载-百度云盘
  14. MFC 响应Delete按键按下的操作事件
  15. 如何彻底的卸载anaconda(包括配置文件)
  16. python开发抢票软件_python自动抢票神器
  17. UE4 HUD相关的笔记
  18. 复习七天通过软考高级「系统架构师」,我是如何做到的
  19. 程序人生之——(释怀)
  20. 天九共享:企业成功的重要元素是责任感

热门文章

  1. yii学习笔记—gii 自动代码生成工具
  2. ssm框架实现登陆页面邮箱验证
  3. 零配置初始化流程就一直过不去_React TypeScript 从零实现 Popup 组件发布到 npm
  4. 使用NGINX发布DEM切片
  5. 有哪些你一打开,就令你惊讶的网站?
  6. ruby-下载图片,根据图片URL下载到本地
  7. Swing组件与监听器
  8. 使用Python将图片变成铅笔素描
  9. Win32显示隐藏任务栏
  10. 银行卡收单____单边账带(长款带来的收益)