communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > js touche de raccourci de liaison d'événement en utilisant ctrl k comme exemple de compétences javascript

js touche de raccourci de liaison d'événement en utilisant ctrl k comme exemple de compétences javascript

WBOY

Libérer： 2016-05-16 16:34:49

original

1624 Les gens l'ont consulté

code 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("注册成功");}); 
}, 
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>

Copier après la connexion

Étiquettes associées：

事件绑定快捷键

source：php.cn

Article précédent：JavaScript détecte si la fenêtre est fermée avant que la fenêtre actuelle ne soit fermée_javascript conseils Article suivant：Notes d'étude JavaScript (5) Explication détaillée du prototype et de la chaîne de prototypes_Connaissances de base

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur