Горячие клавиши и javascript

Категория: / DEV Блог / CSS/Javascript
Добавить веб приложению функциональности позволяют быстрые (hot keys) кнопки.
Вот простой способ их реализации:

<body onkeyup="func_2fast(event)">
 
<script type="text/javascript">
function func_2fast(event){
id = event.keyCode-48;
if (event.shiftKey) {
    url = '';
    switch(id) {
        case 1:    
            url = 'index.php?c=1';
            break;
        case 2:    
            url = 'index.php?c=2';
            break;
        case 3:    
            url = 'index.php?c=3';
            break;
        case 4:    
            url = 'index.php?c=4';
            break;    
    }
    if (url) window.location.href=url;
}
}
</script>


В этом примере кнопкам SHIFT+(1-4) назначено действие перехода по соотвествующему URL.


Навигация вперед назад с помощью стрелок + ctrl

$(window).keydown(function(event){
       
        if (event.ctrlKey) {
            var link = null;
                switch (event.keyCode ? event.keyCode : event.which ? event.which : null) {                      
                    case 0x25:
                        link = $('a#previous_page');
                        break;
                    case 0x27:
                        link = $('a#next_page');
                        break;          
                    }
                if (link && link.attr('href')) document.location = link.attr('href');
        }  
    });