Um exemplo simples, não precisa de código:
Se eu pressionar CTRL + F
, automaticamente o navegador abre uma barra de busca na página.
Eu fiz com que ao pressionar CTRL + F
ele apontasse para um input dentro do sistema.
Pretendo colocar varios outros controladores, como por exemplo, mudar uma tab boostrap com CTRL + TAB
, fechar um modal com ESC
. abrir a ajuda interna com F11
entre outros.
Exemplos:
Para Navegar entre tabs usando CTRL + SETA
var change_tab = function () {
var map = {37: false, 39: false, 17: false};
$(document).keydown(function (e) {
if (e.keyCode in map) {
map[e.keyCode] = true;
if (map[37] && map[17]) {
var $el = $('.nav.nav-tabs').find('li');
$el.each(function () {
if ($(this).hasClass('active') === true) {
$(this).prev('li').find('a').trigger('click');
}
});
}
if (map[39] && map[17]) {
var $el = $('.nav.nav-tabs').find('li');
$el.each(function () {
if ($(this).hasClass('active') === true) {
$(this).next('li').find('a').trigger('click');
}
});
}
}
}).keyup(function (e) {
if (e.keyCode in map) {
map[e.keyCode] = false;
}
});
}
Para maximizar um formulário com CTRL + F11
:
var make_full = function () {
var map = {17: false, 122: false};
$(document).keydown(function (e) {
if (e.keyCode in map) {
map[e.keyCode] = true;
if (map[17] && map[122]) {
$('.fullscreen').trigger('click');
}
}
}).keyup(function (e) {
if (e.keyCode in map) {
map[e.keyCode] = false;
}
});
}
A dúvida é simples:
Esse tipo de prática é considerada user friendly?
Existe algum problema em substituir as teclas de atalho nativas do navegador pelas teclas que eu quiser interagir dentro do meu sistema (EX:
CTRL + F
para abrir a busca)?Existe alguma recomendação ou padrão (como a PSR-4 para autoload em PHP) sobre como utilizar esse tipo de funcionalidade corretamente ?
PS: No caso em questão o alvo é um sistema interno, não é algo pra ser comercializado, eu só preciso que quem for usar, possa fazer o maior número de coisas no menor tempo possível, ja que o foco do sistema é justamente agilizar processos, aqui tenho exemplos simples, mas tenho atalho que preenchem datas, que disparam filtros, solicitam push de notificações, e diversas outras coisas, algumas estão acima de ações nativas.
Alt+F
ouCtrl+Alt+F
para procurar algo no aplicativo ao invés de utilizar oCtrl+F
que impossibilita utilizar via atalho a funcionalidade padrão. Mas também tem alguns aplicativos que simplesmente sobrescrevem essas funcionalidades, como é o caso do Google Drive, que em um documento ao efetuarCtrl+F
abre uma busca internar.