HTML, CSS, PHP, MySQL

html-php.de

HTML & CSS Stylesheets Referenz JavaScript PHP MySQL Sonstiges Gästebuch Inhalt Impressum

[ Maustaste kontollieren ] [ Maustaste sperren ]

Maustaste kontrollieren

Mit folgenden Script ist es möglich, das drücken einer Maustaste zu kontrollieren.
Der Befehl document.onmousedown überprüft, ob einen Maustaste gedrückt wird. Danach wird über die Funktion ausgewertet, welche Taste gedrückte wurde. Dabei erhält die linke Maustaste den Wert 1 und die rechte Maustaste den Wert 2.

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
    <script>
      function Tastendruck (Ereignis) {
      if (!Ereignis)
        Ereignis = window.event;
        if (Ereignis.button) {
          if (Ereignis.button == 2) {
            alert("Jetzt gehts zurück");
            history.back();
          }
        }
      }
      document.onmousedown = Tastendruck;
    </script>
  </head>
  <body>
    <h1>Drücken Sie die rechte Maustaste, um zurückzukehren</h1>
  </body>
  </html>
Das ganze sieht so aus

Maustaste sperren

Viele Webmaster versuchen, durch sperren der rechten Maustaste das kopieren von Bilder zu verhindern, was allerdings nur wenig Wirkung zeigt. Denn beim aufrufen der Seite ist das Bild schon auf den Rechner des Users, im Cache. Von hier kann das Bild ohne Schwierigkeiten entnommen werden. Ausserdem kann man Java-Script im Browser ausschalten, wo ein Sperren der rechten Maustaste mit Java-Script keine Wirkung zeigt. Letztens kann man noch ein Screenshoot schießen, und das Bild ausschneiden. Trotzdem möchte ich hier ein Script zeigen, wie die rechte Maustaste sperren kann:

  <!DOCTYPE HTML>
  <html lang="de">
  <head>
   <title>Test</title>
   <meta charset="utf-8">
   <script>
    function taste (t) {
    if (!t)
      t = window.event;
      if ((t.type && t.type == "contextmenu") || 
        (t.button && t.button == 2) || (t.which && t.which == 3)) {
        if (window.opera)
          window.alert("Speichern nicht erlaubt.");
          return false;
      }
    }
    if (document.layers)
      document.captureEvents(Event.MOUSEDOWN);
      document.onmousedown = taste;
      document.oncontextmenu = taste;
   </script>
  </head>
  <body>
    <h1>Rechte Maustaste gesperrt</h1>
  </body>
  </html>
Das ganze sieht so aus

back top next