首页
技术博客
PHP教程
数据库技术
前端开发
HTML5
Nginx
php论坛
新用户注册
|
会员登录
PHP教程
技术博客
编程问答
PNG素材
编程语言
前端技术
Android
PHP教程
HTML5教程
数据库
Linux技术
Nginx技术
PHP安全
WebSerer
职场攻略
JavaScript
开放平台
业界资讯
大话程序猿
登录
极速注册
取消
热门标签 | HotTags
html
hybrid
dom
npm
bootstrap
listview
firebug
cookies
react
dialog
jq
console
icons
js
firefox
label
css3
jquery
textview
chart
v8
svg
ajax
layout
build
requirejs
iframe
overflow
html5
view
vue.js
button
checkbox
正则
css
json
scroll
微信开发
scheme
上传
chart.js
webkit
yarn
base64
javascript
focus
charts
chrome
vue
node.js
hover
当前位置:
开发笔记
>
前端
> 正文
javascript键盘事件全面控制脚本代码
作者:清晨竹林9_877 | 来源:互联网 | 2022-01-26 18:12
function init() { document.Onkeydown= showKeyDown document.O
function init() { document.Onkeydown= showKeyDown document.Onkeyup= showKeyUp document.Onkeypress= showKeyPress } function showKeyDown(evt) { evt = (evt) ? evt : window.event document.getElementById("pressKeyCode").innerHTML = 0 document.getElementById("upKeyCode").innerHTML = 0 document.getElementById("pressCharCode").innerHTML = 0 document.getElementById("upCharCode").innerHTML = 0 restoreModifiers("") restoreModifiers("Down") restoreModifiers("Up") document.getElementById("downKeyCode").innerHTML = evt.keyCode if (evt.charCode) { document.getElementById("downCharCode").innerHTML = evt.charCode } showModifiers("Down", evt) } function showKeyUp(evt) { evt = (evt) ? evt : window.event document.getElementById("upKeyCode").innerHTML = evt.keyCode if (evt.charCode) { document.getElementById("upCharCode").innerHTML = evt.charCode } showModifiers("Up", evt) return false } function showKeyPress(evt) { evt = (evt) ? evt : window.event document.getElementById("pressKeyCode").innerHTML = evt.keyCode if (evt.charCode) { document.getElementById("pressCharCode").innerHTML = evt.charCode } showModifiers("", evt) return false } function showModifiers(ext, evt) { restoreModifiers(ext) if (evt.shiftKey) { document.getElementById("shift" + ext).style.backgroundColor = "#ff0000" } if (evt.ctrlKey) { document.getElementById("ctrl" + ext).style.backgroundColor = "#00ff00" } if (evt.altKey) { document.getElementById("alt" + ext).style.backgroundColor = "#0000ff" } } function restoreModifiers(ext) { document.getElementById("shift" + ext).style.backgroundColor = "#ffffff" document.getElementById("ctrl" + ext).style.backgroundColor = "#ffffff" document.getElementById("alt" + ext).style.backgroundColor = "#ffffff" } 《SCRIPT》
Keyboard Event Handler Lab
onKeyDown
onKeyPress
onKeyUp
Key Codes
0
0
0
Char Codes (IE5/Mac; NN6)
0
0
0
Modifier Keys
Shift
Shift
Shift
Ctrl
Ctrl
Ctrl
Alt
Alt
Alt
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
html
写下你的评论吧 !
吐个槽吧,看都看了
会员登录
|
用户注册
推荐阅读
js
Vue项目结构分析
Vue项目结构分析-项目结构重点在src文件夹:assets——静态资源,如css,jscomponents——公共组件router——路由文件(vuecli3.x没有自 ...
[详细]
蜡笔小新 2024-09-30 20:43:16
html
新闻发布系统 需求分析
1做一个网站的步骤清楚需求和大概的效果(登录主题新增查看主题列表)2清楚数据库和结构3需要静态资源(htmlcss图片)登录表用户表主题表新闻的id主 ...
[详细]
蜡笔小新 2024-09-30 20:22:48
html
腾讯投资十勇士,后者致力于精品游戏研发
企查查APP显示,近日,浙江十勇士网络科技有限公司发生工商变更,新增股东广西腾讯创业投资有限公司,同时公司注册资本由1319.44万元人民币增加至1552.28万元人民币。企查查信 ...
[详细]
蜡笔小新 2024-09-30 18:27:26
console
下载 apk 并打开
1.安装cordovapluginaddcordova-plugin-file-transfercordovapluginaddcordova-plugin-fi ...
[详细]
蜡笔小新 2024-09-30 18:18:40
html
Linux与UNIX(solaris/aix/hp-ux)的比较
nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ...
[详细]
蜡笔小新 2024-09-30 18:08:19
html
礼拜五了啦啦啦啦LAMP+PHP‘s OOP
后端开发|php教程public,function,protected,mdash,Jordan后端开发-php教程周五了啦啦啦啦-LAMP+PHP‘sOOP部门信息管理系统asp ...
[详细]
蜡笔小新 2024-09-30 17:53:23
overflow
c调用c++对象中的方法
普通调用https:www.cnblogs.comYogurshinep3913073.htmlhttps:zhidao.baidu.comquestion531286375.h ...
[详细]
蜡笔小新 2024-09-30 17:40:02
html
C++ 基础面试题2
请写出一下程序的输出内容***2018032122:02:03**Brief:**Author:ZhangJianWei**Email:Dream_Dog163.com* ...
[详细]
蜡笔小新 2024-09-30 17:25:03
html
开发笔记:Codeforces 986C AND Graph dfs
原文链接https://www.cnblogs.com/zhouzhendong/p/9161514.html ...
[详细]
蜡笔小新 2024-09-30 17:03:02
ajax
WebBrowser控件(1)
WindowsPhone7内置了一个强大的网络浏览器,该浏览器的内核是基于桌面版的InternetExplorer7(Mango版基于InternetE ...
[详细]
蜡笔小新 2024-09-30 16:56:38
html
HTTP 请求/响应的步骤
HTTP请求响应的步骤第一步:第二步:第三步:第四步:第五步第一步:1.客户端连接到Web服务器⼀个HTTP ...
[详细]
蜡笔小新 2024-09-30 16:44:08
html
一个小故事,玩转Pythonwhile循环
无论是传统编程场景还是当下火爆的人工智能应用场景,循环的应用都是必不可少的,上一篇文章中阐述了如何使用for循环来进行编程,这篇文章将会由 ...
[详细]
蜡笔小新 2024-09-30 16:40:40
js
[BZOJ3295][Cqoi2011]动态逆序对 CDQ分治&树套树
3295:[Cqoi2011]动态逆序对Description对于序列A,它的逆序对数定义为满足iAj的数对(i,j)的个数。给1到n的一个排列,按照某种顺序依次删除 ...
[详细]
蜡笔小新 2024-09-30 16:34:49
html
新闻动态html,news.html
新闻动态contentwidthdevice-width,initial-scale1,maximum-scale1.0,user-scalable0,user-scalable ...
[详细]
蜡笔小新 2024-09-30 15:58:38
js
(代码素材)猫猫学IOS(七)UI之UITextField代理事件_类似QQ登陆窗口的简单实现
猫猫分享,必须精品原文地址:http:blog.csdn.netu013357243articledetails44571163素材地址:http:download.csdn.n ...
[详细]
蜡笔小新 2024-09-30 15:47:15
清晨竹林9_877
这个家伙很懒,什么也没留下!
Tags | 热门标签
html
hybrid
dom
npm
bootstrap
listview
firebug
cookies
react
dialog
jq
console
icons
js
firefox
label
css3
jquery
textview
chart
v8
svg
ajax
layout
build
requirejs
iframe
overflow
html5
view
RankList | 热门文章
1
windows能装linux系统盘,一台电脑上如何同时安装Windows和Linux操作系统
2
pytorch利用 scatter画散点图报错 :ValueError: c of shape (200, 1) not acceptable as a color sequence for x ..
3
5W1H分析微信
4
如何用快捷键或绑定激活 Tkinter 菜单和工具栏?
5
百度登录加密协议分析(下)
6
void find在c语言中什么意思,C语言中void是什么意思?
7
LeetCode刷题实战303:区域和检索数组不可变
8
mysql float精度与范围总结
9
解决oracle数据库删除sql语句出现^H字样
10
php socket中文乱码怎么解决??
11
【学习—Scrapy1】日常操作
12
借助 Solidity 来识别智能合约的调配模式
13
数据结构和算法面试题系列—C指针、数组和结构体
14
java excel保留一位小数_保留一位小数问题(待研究
15
(十九)进程——概念引入
PHP1.CN | 中国最专业的PHP中文社区 |
DevBox开发工具箱
|
json解析格式化
|
PHP资讯
|
PHP教程
|
数据库技术
|
服务器技术
|
前端开发技术
|
PHP框架
|
开发工具
|
在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved |
京公网安备 11010802041100号
|
京ICP备19059560号-4
| PHP1.CN 第一PHP社区 版权所有