js為快捷鍵綁定事件,當(dāng)按這個(gè)快捷鍵時(shí)就會(huì)觸發(fā)事先綁定處理函數(shù),下面以ctrl+k為例與大家分享下具體的實(shí)現(xiàn)代碼
js代碼
<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("注冊(cè)成功");});
},
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>
測(cè)試,按下ctrl+k你就會(huì)發(fā)現(xiàn)神奇的事情發(fā)生了
</body>
</html>
新聞熱點(diǎn)
疑難解答
圖片精選