Como usar o mouse e eventos de teclado objetos de javascript para programar com html

o Rato

e Teclado objetos de evento em javascript são essencialmente os mesmos. Eles proporcionam as mesmas propriedades e métodos. A única diferença é que você use um com um mouse e outro com o teclado. A técnica de inicialização também difere. A lista que se segue descreve as propriedades utilizados por ambos os objectos:

  • altKey: Retorna verdade quando o usuário pressionou a tecla Alt no momento que o evento foi disparado.

  • botãoEspecifica qual botão do mouse foi pressionado pelo usuário. javascript reconhece até três botões padrão como segue:

    Video: Eventos del Mouse en javascript [Curso de javascript] [19]

  • 0: Botão esquerdo do mouse (Internet Explorer 8 e anterior retornar um valor de 1 para este BOTÃO versões mais recentes do retorno Internet Explorer 0 como esperado)

  • 1: Botão do meio do mouse (Internet Explorer 8 e anterior retornar um valor de 4 para este BOTÃO versões mais recentes do retorno Internet Explorer 1 como esperado)

  • 2: Botão direito do mouse

Ao trabalhar com uma esquerda, mouse handed, os valores dos parâmetros são invertidos, o que significa que o botão esquerdo agora retorna um valor de 2, eo botão agora retorna um valor de 0. Você precisará fornecer algum tipo de tela de configuração e valores do usuário armazenar como parte de um cookie, a fim de apoiar a esquerda, mouse handed porque o mouse não fornecer identificação que javascript pode capturar.

  • clientX: Fornece o valor horizontal de pixels do ponteiro do mouse, em relação à janela atual, quando um evento foi acionado.

  • clientY: Fornece o valor verticais de pixels do ponteiro do mouse, em relação à janela atual, quando um evento foi acionado.

  • ctrlKey: Retorna verdade quando o usuário pressionou a tecla Ctrl no momento que o evento foi disparado.



  • keyIdentifier: Fornece um identificador numérico da chave o usuário pressionou.

  • keyLocation: Fornece um identificador numérico da localização física da chave que o usuário pressionou no teclado. Esta informação pode parecer inútil à primeira vista. No entanto, você pode usar esta informação para executar tarefas como detectar se o direito ou a tecla Alt esquerdo é pressionado.

    Video: Mover elementos con el teclado con javascript

  • metakey: Retorna verdade quando o usuário pressionou a tecla meta quando o evento foi disparado.

    A chave meta é em navegador e específico da plataforma. Ao trabalhar com o Macintosh, a chave meta é comumente a chave Mac (Command) com Firefox ou Safari. Algumas pessoas relataram que pressionar a tecla de diamantes em teclados MIT também desencadeia a chave meta. Verifique aqui para saber mais sobre a chave meta para sistemas Linux.

    Aparentemente, pressionando a tecla Windows em um sistema Windows não desencadear esta propriedade com qualquer navegador. A recomendação é evitar o uso dessa propriedade particular, porque ele funciona de forma aleatória ou não em todos.

    Video: Juego en HTML5 - Parte 16: Agregar eventos al teclado

  • relatedTargetEspecifica se há um elemento relacionado com o elemento que disparou o evento. Por exemplo, quando se trabalha com um passe o rato por cima evento, esta propriedade contém o identificador do elemento que o rato acabado de sair. Normalmente, esta propriedade contém nulo para indicar que não há nenhuma meta relacionada.

  • screenX: Fornece o valor de pixel horizontal do ponteiro do mouse, em relação à tela como um todo, quando um evento foi acionado.

  • screenY: Fornece o valor de pixel vertical do ponteiro do mouse, em relação à tela como um todo, quando um evento foi acionado.

  • tecla Shift: Retorna verdade quando o usuário pressionou a tecla Shift quando o evento foi disparado.

  • Nem todo navegador suporta todos os recursos javascript. Alguns navegadores não suportam o mouse e teclado objetos de evento. É essencial que você testar a sua aplicação nas plataformas seus clientes irão usar com os navegadores que você antecipar o cliente usando.


    Publicações relacionadas