Cómo utilizar el ratón y el teclado de eventos objetos de javascript para programar con html

los Ratón y Teclado objetos de eventos en javascript son esencialmente los mismos. Ofrecen las mismas propiedades y métodos. La única diferencia es que utiliza uno con un ratón y el otro con el teclado. La técnica de inicialización también difiere. La siguiente lista describe las propiedades utilizadas por ambos objetos:

  • tecla AltDevoluciones: cierto cuando el usuario pulsa la tecla Alt en el momento del evento se activó.

  • botón: Especifica qué botón del ratón se presiona por el usuario. javascript reconoce hasta tres botones estándar de la siguiente manera:

  • 0: Botón izquierdo del ratón (Internet Explorer 8 y versiones anteriores devuelven un valor de 1 para este Botón de las versiones más recientes de rendimiento de Internet Explorer 0 como se esperaba)

  • 1: Botón central del ratón (Internet Explorer 8 y versiones anteriores devuelven un valor de 4 para este Botón de las versiones más recientes de rendimiento de Internet Explorer 1 como se esperaba)

  • 2: Botón derecho del ratón

Cuando se trabaja con una izquierda; ratón mano, los valores de los parámetros se invierten, lo que significa que el botón izquierdo ahora devuelve un valor de 2, y el botón derecho ahora devuelve un valor de 0. Usted tendría que proporcionar algún tipo de pantalla de configuración y valores de usuario tiendas como parte de una cookie con el fin de apoyar a la izquierda; ratón mano, porque el ratón no proporciona identificación que javascript puede capturar.

  • clientX: Proporciona el valor horizontal píxel del puntero del ratón, con relación a la ventana actual, cuando se activa un evento.

  • clientY: Proporciona el valor vertical de píxel del puntero del ratón, con relación a la ventana actual, cuando se activa un evento.

  • ctrlKeyDevoluciones: cierto cuando el usuario pulsa la tecla Ctrl en el momento del evento se activó.

  • keyIdentifier: Proporciona un identificador numérico de la clave que el usuario presiona.

  • keyLocation: Proporciona un identificador numérico de la ubicación física de la tecla que el usuario pulsa en el teclado. Esta información puede parecer inútil al principio. Sin embargo, puede utilizar esta información para realizar tareas tales como detectar si se presiona la derecha o la tecla Alt izquierda.

  • metakeyDevoluciones: cierto cuando el usuario pulsa la tecla meta cuando se activa el evento.

    La clave meta es browser- y específico de la plataforma. Cuando se trabaja con el Macintosh, la tecla meta es comúnmente la tecla Mac (Comando), ya sea con Firefox o Safari. Algunas personas han reportado que al presionar la tecla de diamante en los teclados del MIT también activa la tecla meta. Marque aquí para saber más acerca de la clave meta para los sistemas Linux.

    Al parecer, al pulsar la tecla de Windows en un sistema Windows no activa esta propiedad con cualquier navegador. La recomendación es evitar el uso de esta propiedad particular, ya que funciona de forma aleatoria o no en absoluto.

  • relatedTarget: Especifica si hay un elemento relacionado con el elemento que desencadenó el evento. Por ejemplo, cuando se trabaja con una ratón sobre acontecimiento, esta propiedad contiene el identificador del elemento que el ratón acaba de salir. Normalmente, esta propiedad contiene nulo para indicar que no hay objetivo vinculados.

  • screenX: Proporciona el valor de píxel horizontal del puntero del ratón, con relación a la pantalla como un todo, cuando se activa un evento.

  • screenY: Proporciona el valor de píxel vertical del puntero del ratón, con relación a la pantalla como un todo, cuando se activa un evento.

  • shiftKeyDevoluciones: cierto cuando el usuario pulsa la tecla Shift cuando se activa el evento.

  • No todos navegador soporta todas las características de javascript. Algunos navegadores no son compatibles con el ratón y el teclado objetos de evento. Es esencial que probar la aplicación en las plataformas de sus clientes van a utilizar con los navegadores que usted anticipa que el cliente utilizando.




    » » » » Cómo utilizar el ratón y el teclado de eventos objetos de javascript para programar con html