js綁定快捷鍵
来源:互联网 发布:怎样找淘宝客推广产品 编辑:程序博客网 时间:2024/06/06 09:50
1,適合于綁定一個功能鍵和一個鍵盤鍵
<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<script type="text/javascript">
window.onload=function(){
HotKeyHandler.Init();
}
var HotKeyHandler={
currentMainKey:null,
currentValueKey:null,
Init:function(){
HotKeyHandler.Register(0,"L",
function(){
alert("注册成功");
});
},
Register:function(tag,value,func){
var MainKey="";
switch(tag){
case 0:
MainKey=17; //Ctrl
break;
case 1:
MainKey=16; //Shift
break;
case 2:
MainKey=18; //Alt
break;
}
document.onkeyup=function(e){
HotKeyHandler.currentMainKey=null;
}
<html>
<head>
<script type="text/javascript">
window.onload=function(){
HotKeyHandler.Init();
}
var HotKeyHandler={
currentMainKey:null,
currentValueKey:null,
Init:function(){
HotKeyHandler.Register(0,"L",
function(){
alert("注册成功");
});
},
Register:function(tag,value,func){
var MainKey="";
switch(tag){
case 0:
MainKey=17; //Ctrl
break;
case 1:
MainKey=16; //Shift
break;
case 2:
MainKey=18; //Alt
break;
}
document.onkeyup=function(e){
HotKeyHandler.currentMainKey=null;
}
document.onkeydown=function(event){
//获取键值
var keyCode= event.keyCode;
var keyValue = String.fromCharCode(event.keyCode);
console.log(keyValue);
//获取键值
var keyCode= event.keyCode;
var keyValue = String.fromCharCode(event.keyCode);
console.log(keyValue);
if (HotKeyHandler.currentMainKey != null) {
if (keyValue == value) {
HotKeyHandler.currentMainKey = null;
if (func != null)
func();
}
}
if (keyCode == MainKey)
HotKeyHandler.currentMainKey = keyCode;
}
}
}
</script>
</head>
<body>测试,按下ctrl+l你就会发现神奇的事情发生了
</body>
if (keyValue == value) {
HotKeyHandler.currentMainKey = null;
if (func != null)
func();
}
}
if (keyCode == MainKey)
HotKeyHandler.currentMainKey = keyCode;
}
}
}
</script>
</head>
<body>测试,按下ctrl+l你就会发现神奇的事情发生了
</body>
2,可以綁定功能鍵組合(如:crtl+alt),且比較簡潔。
<%@ page contentType="text/html; charset=utf-8"%>
<html>
<head>
<script type="text/javascript">
window.onload=function(){
function dkey()
{ if(event.ctrlKey && window.event.keyCode == 13)
alert("你按下了Ctrl+Enter键")
if(window.event.keyCode == 13)
alert("你按下了Enter键")
if(event.ctrlKey && event.altKey && window.event.keyCode == 76)
alert("你按下了Ctrl+ALt+l键")
if(event.altKey && window.event.keyCode==65)
alert("您按下了alt+a键");
}
document.onkeydown=dkey
}
</script>
</head>
<body>测试,按下Ctrl+ALt+l你就会发现神奇的事情发生了
</body>
阅读全文
0 0
- js綁定快捷鍵
- JS定位图
- js创建桌面快捷 开始菜单
- js禁止网页快捷菜单
- 在js中指定编码
- 在js中指定编码
- JS对象类型的确定
- JS对象类型的确定
- JS对象类型的确定
- windows的快捷鍵
- C#里響應快捷鍵
- Eclipse快捷鍵
- VS2005 快捷鍵
- .net快捷鍵
- eclipse快捷鍵
- chrome快捷鍵
- Eclipse快捷鍵
- NotePad++快捷鍵
- numpy 中数据选取和切片选取的区别
- golang匿名函数(闭包)
- 1212: [HNOI2004]L语言
- 2243: [SDOI2011]染色
- 今日头条|张一鸣:我遇到的优秀年轻人的5个特质
- js綁定快捷鍵
- dbutils和反射实现ORM问题整理
- C++文件流
- ios-swift基础
- 2764: [JLOI2011]基因补全
- composer方式安装thinkphp5
- 怎么将数字数组转为字符数组 (python)
- 嵌入式linux平台设备驱动(设备驱动模型)开发之linux内核中的设备
- 数据库一:深入理解数据库磁盘存储(Disk Storage)