js事件绑定快捷键
程序员文章站
2022-05-28 16:52:35
...
<html> <head> <script type="text/javascript"> window.onload=function(){ HotKeyHandler.Init(); } var HotKeyHandler={ currentMainKey:null, currentValueKey:null, Init:function(){ HotKeyHandler.Register(0,"K",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); if(HotKeyHandler.currentMainKey!=null){ if(keyValue==value){ HotKeyHandler.currentMainKey=null; if(func!=null)func(); } } if(keyCode==MainKey) HotKeyHandler.currentMainKey=keyCode; } } } </script> </head> <body> 测试,按下ctrl+k你就会发现神奇的事情发生了 </body> </html>
上一篇: 想知道海参怎么吃最有营养吗,快来看这里
下一篇: js事件绑定快捷键
推荐阅读
-
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件_javascript技巧
-
riot.js学习【三】事件
-
JavaScript 学习笔记(十六) js事件_基础知识
-
JavaScript中多种绑定事件方式的区别讲解
-
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法讲解
-
jquery绑定事件和入口函数
-
js实现屏蔽默认快捷键调用自定义事件示例_javascript技巧
-
JS判断文本框内容改变事件的简单实例_javascript技巧
-
AngularJS实现给动态生成的元素绑定事件的方法
-
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法