Teclas de atalho em sites.
Olá, gostaria de saber se é possível encontrar linhas de códigos relacionadas à teclas de atalho em sites através do DevTools ou até mesmo através do view-source. Sempre tive essa curiosidade. Obrigado!
1
2
Boa tarde Zenke! Como vai?
Na teoria, tem como sim, mas é muito mais complexo do que parece:
Você pode visualizar os eventListeners do código, na parte de keyPress.
O problema é que, como neste caso, o site utiliza alguma biblioteca de gerenciamento de atalhos, então não consigo ver os atalhos em si.
Mas, uma forma de descobrir quais estão registrados, você pode colocar um break point na funcão de registro da biblioteca, pra saber dos parâmetros que estão sendo enviados (que assim, você terá uma noção de quais estão registrados no navegador)
Você também pode procurar no código fonte, na aba Sources
Você sabendo como funciona o código fonte, ou ao menos a biblioteca que utiliza, você pode conseguir encontrar um atalho ou outro, mas é bem improvável.
Resumidamente, a não ser que seja um site beem amador, é mais fácil você depender da documentação do site, de quais atalhos existem (normalmente, se tem alguns atalhos, ou tem uma parte da documentação que deixa isso bem explícito, ou tem um atalho apertando ? no teclado que mostra todos os atalhos de teclado. Um bom exemplo disso é no Calendário do Google)
Espero ter ajudado!