O editor de Downcodes conduz você através do recém-lançado aplicativo de desktop chatbot Claude AI da Anthropic! Este aplicativo já está oficialmente online e suporta sistemas Mac e Windows. Os usuários podem baixá-lo gratuitamente através do site oficial da Anthropic. Em comparação com a versão web, o aplicativo desktop oferece uma experiência interativa mais conveniente e rápida, permitindo aos usuários conversar com Claude a qualquer hora e em qualquer lugar, melhorando a eficiência do trabalho e do aprendizado. Este artigo apresentará em detalhes os recursos funcionais, vantagens e comparação com outros chatbots de IA do aplicativo de desktop Claude e responderá a algumas perguntas comuns para fornecer uma compreensão abrangente desta poderosa ferramenta de IA.
Em JavaScript, é um requisito comum obter o keyCode do teclado correspondente através do nome da tecla (ou seja, o nome da tecla pressionada pelo usuário), que é usado principalmente para processamento de eventos de teclado. Os métodos para obter keyCode incluem ouvir eventos de teclado, usar o atributo event.key e consultar a tabela de mapeamento keyCode correspondente. Entre eles, ouvir eventos do teclado é o método mais direto. Quando o usuário pressiona uma tecla, o navegador aciona um evento de teclado (como keydown, keyup). Este objeto de evento contém informações relevantes sobre a operação do teclado, entre as quais event.keyCode (agora obsoleto, é recomendado usar event.code ou event). O atributo .key) é o keyCode que queremos obter.
Para obter o keyCode do teclado através do nome da tecla, primeiro você precisa ouvir os eventos do teclado. Em Javascript, isso pode ser conseguido adicionando ouvintes de eventos. Aqui tomamos o evento keydown como exemplo. Este evento será acionado quando o usuário pressionar qualquer tecla.
document.addEventListener('keydown', function(evento) {
console.log(nome da tecla pressionada: + event.key);
console.log(KeyCode da tecla pressionada: + event.keyCode);
console.log(recomendado usar event.code: + event.code);
});
Este código escutará o evento keydown de todo o documento. Sempre que uma tecla é pressionada, o nome da chave atual (event.key), o keyCode obsoleto (event.keyCode) e o event.code recomendado serão impressos. event.key fornece um nome legível para a chave, enquanto event.code fornece uma codificação de chave mais estável e padronizada que é mais adequada para identificar chaves físicas específicas.
A propriedade event.key retorna o nome da chave. Para a maioria das situações em que o keyCode precisa ser obtido através do nome da chave, usar event.key diretamente é suficiente para atender às necessidades. Comparado com keyCode ou charCode, a vantagem de event.key é que ele pode retornar diretamente um nome de chave fácil de entender, como Enter, ArrowLeft, etc., portanto, não há necessidade de verificar o valor keyCode correspondente.
No entanto, se você realmente precisar de keyCode em seu cenário, talvez seja necessário criar uma tabela de mapeamento de event.key para keyCode ou usar funções de biblioteca para ajudar a concluir esse mapeamento.
const keyMap = {
Digite: 13,
SetaEsquerda: 37,
Seta Direita: 39,
// Preencha mais mapeamentos de teclas
};
document.addEventListener('keydown', function(evento) {
if (keyMap[event.key]) {
console.log(keyCode mapeado: + keyMap[event.key]);
}
});
Existem muitas tabelas pré-programadas de keyCode e mapeamento de nomes de chaves na Internet. Em alguns casos específicos, quando você conhece o nome da tecla específica pressionada pelo usuário e deseja obter o keyCode correspondente, pode consultar diretamente essas tabelas de mapeamento. No entanto, é importante observar que, como o keyCode foi descontinuado e não é mais recomendado, a abordagem recomendada é usar event.key ou event.code sempre que possível. Esta abordagem, embora ainda tenha o seu lugar em alguns projectos legados, não deve ser vista como uma solução a longo prazo.
Embora event.key e event.code forneçam uma maneira mais moderna e padronizada de lidar com eventos de teclado, ainda há alguns detalhes aos quais você deve prestar atenção quando se trata de compatibilidade entre navegadores. Algumas versões mais antigas de navegadores podem não suportar essas propriedades, portanto, ao desenvolver, certifique-se de realizar a detecção de recursos correspondente ou use o Polyfill para fornecer suporte substituto.
document.addEventListener('keydown', function(evento) {
deixe chave = event.key || event.keyCode;
console.log(tecla pressionada: + tecla);
});
Neste código, o operador || é usado para primeiro tentar obter o valor de event.key; caso ele não exista (o que pode ocorrer em navegadores antigos), ele volta a usar event.keyCode.
Embora seja tecnicamente possível obter keyCode a partir do nome da chave de várias maneiras, com o desenvolvimento da tecnologia Web, a necessidade de usar keyCode diretamente está diminuindo gradualmente. Novas APIs como event.key e event.code fornecem uma maneira mais intuitiva e padronizada de lidar com eventos de teclado. Portanto, quando confrontado com tais requisitos, a prática preferida deve ser a utilização destas APIs modernas, mantendo ao mesmo tempo considerações de compatibilidade para navegadores mais antigos.
1. Como obter o keyCode do teclado a partir do nome da tecla usando JavaScript?
Quando o usuário aciona um evento de teclado, podemos obter o keyCode do teclado a partir do nome da tecla por meio de JavaScript. Isso pode ser feito seguindo estas etapas:
Primeiro, ouça os eventos do teclado, como o evento de pressionar o teclado keydown, o evento de elevação do teclado keyup ou o evento de entrada de caractere keypress. Na função de processamento de eventos, é obtido o objeto evento event, que pode ser passado por meio de parâmetros ou obtido por meio de window.event. Use event.keyCode para obter o keyCode do teclado.Aqui está um exemplo de código:
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode; console.log('Keycode:', keyCode);});Como obter o nome da chave correspondente com base em keyCode?JavaScript fornece a interface KeyboardEvent, que pode ser usada para obter o nome da chave correspondente ao código da chave. Isso pode ser obtido usando as propriedades KeyboardEvent.key ou KeyboardEvent.code, dependendo se você deseja obter o nome real da chave ou a primitiva de chave codificada gerada pelo navegador.
Aqui está um exemplo de código:
document.addEventListener('keydown', function(event) { var keyName = event.key; console.log('Keyname:', keyName);}); Como obter o keyCode do teclado compatível com diferentes navegadores?Diferentes navegadores podem ter nomenclaturas ligeiramente diferentes das propriedades do objeto de evento, portanto, ao obter o keyCode do teclado, ele precisa ser compatível com diferentes navegadores.
Você pode usar o seguinte código para ser compatível com diferentes navegadores:
document.addEventListener('keydown', function(event) { var keyCode = event.keyCode || event. which || event.charCode; console.log('Keycode: ', keyCode);});Neste exemplo, usamos o operador lógico OR || para obter os atributos de evento de teclado mais comuns e garantir que o keyCode do teclado seja obtido corretamente em vários navegadores.
Esperamos que este artigo ajude você a entender melhor como lidar com eventos de teclado e obter keyCode em JavaScript. O editor do Downcodes continuará trazendo mais dicas práticas!