Hur man använder JavaScriptâ € s Mus och tangentbord Evenemangs Objekt Programmering med HTML

February 1

Mus och tangentbord händelseobjekt i JavaScript är i huvudsak desamma. De ger samma egenskaper och metoder. Den enda skillnaden är att du använder en med en mus och den andra med tangentbordet. Initieringen teknik skiljer sig också. I följande lista beskrivs de egenskaper som används av båda objekten:

  • altKey: Returnerar true när användaren trycker på Alt-tangenten vid den tidpunkt då händelsen utlöstes.
  • knapp: Anger vilken musknapp trycktes av användaren. JavaScript känner igen upp till tre standardknappar som följer:
    • 0: Vänster musknapp (Internet Explorer 8 och tidigare returnera ett värde av 1 för den här knappen, nyare versioner av Internet Explorer avkastning 0 som väntat)
    • 1: Mellanöstern musknapp (Internet Explorer 8 och tidigare returnera ett värde på 4 för den här knappen, nyare versioner av Internet Explorer avkastning 1 som väntat)
    • 2: Höger musknapp

    När du arbetar med en vänsterhänt mus, är parametervärden omvända, vilket innebär att den vänstra knappen återgår nu ett värde på 2, och den högra knappen återgår nu ett värde på 0. Du skulle behöva ge någon form av konfigurationsskärmen och lagra användarvärden som en del av en cookie för att stödja en vänsterhänt mus eftersom musen doesnâ € t legitimera att JavaScript kan fånga.

  • clientX: Ger den horisontella pixelvärde muspekaren, i förhållande till det aktuella fönstret, när en händelse utlöstes.
  • clientY: Ger den vertikala pixelvärde muspekaren, i förhållande till det aktuella fönstret, när en händelse utlöstes.
  • ctrlKey: Returnerar true när användaren tryckte på Ctrl-tangenten vid den tidpunkt då händelsen utlöstes.
  • keyIdentifier: Ger en numerisk identifierare av nyckeln användaren tryckte.
  • KeyLocation: Ger en numerisk identifierare av den fysiska placeringen av nyckeln att användaren tryckte på tangentbordet. Denna information kan tyckas värdelös i början. Du kan dock använda denna information för att utföra uppgifter som att detektera om höger eller vänster Alt-tangenten trycks.
  • metaKey: Returnerar true när användaren trycker på meta nyckeln när händelsen utlöstes.

    Den meta nyckeln är webbläsar och plattformsspecifik. När du arbetar med Macintosh, är meta nyckeln vanligen den (Kommando) tangenten Mac med antingen Firefox eller Safari. Några personer har rapporterat att trycka på diamant nyckel på MIT tangentbord utlöser också meta nyckeln. Markera här för att få veta mer om den meta nyckel för Linux-system.

    Tydligen trycka på knappen Windows på en Windows-system doesnâ € t utlösa denna fastighet med alla webbläsare. Rekommendationen är att undvika att använda denna egenskap eftersom det fungerar slumpmässigt eller inte alls.

  • relatedTarget: Anger om thereâ € s ett element i samband med element som utlöste händelsen. Till exempel, när man arbetar med en mouseover händelse, Fastigheten innehåller identifierare av elementet att musen bara lämnat. Normalt innehåller den här egenskapen null för att indikera att thereâ € s ingen relaterad mål.
  • screenX: Ger det horisontella bildpunktsvärdet för muspekaren, i förhållande till skärmen som helhet, när en händelse utlöstes.
  • Screeny: Ger den vertikala pixelvärdet i det muspekaren, i förhållande till skärmen som helhet, när en händelse utlöstes.
  • shiftKey: Returnerar true när användaren trycker på skifttangenten när händelsen utlöstes.

Inte alla webbläsare stöder varje JavaScript-funktionen. Vissa webbläsare donâ € t stödja mus och tangentbord händelseobjekt. Itâ € s viktigt att du testar programmet på plattformar dina kunder kommer att använda med de webbläsare som du förutse klienten använder.