kostenloser Webspace werbefrei: lima-city


Rechtsklick im Canvas

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    prog

    Kostenloser Webspace von prog

    prog hat kostenlosen Webspace.

    Hallo zusammen,

    ich habe kürzlich eine JavaScript Webapplikation programmiert, mit der eine Mandelbrot Menge Simuliert werden kann. Im wesentlichen dient das dazu, um zu sehen wieviele Browser HTML5 bereits "richtig" unterstützen und um die Laufzeiten von Javascript zu messen.

    Hier die Webanwendung:
    http://felixmoessbauer.de/typo/index.php/Mandelbrot.html

    Jetzt zur Frage:
    Wie kann ich verhindern, dass beim Rechtsklick auf das Canvas Element das Kontextmenü des Browsers aufgerufen wird? Eigentlich sollte das ja durch "return false" gehen, tut es aber nicht.

    Ich will mit dieser Funktion auch keinen "aussperren", es soll lediglich beim zurückzoomen nicht immer das Menü kommen.

    Grüße,
    Prog
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Einmal kurz gegoogelt:
    http://de.selfhtml.org/navigation/anzeige/rechte_maustaste.htm

    ..und getestet:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    
    <html>
    <head>
    	<title>Unbenannt</title>
    </head>
    
    <body>
    <img id="tstimg" onmouseup="return false" src="http://www.lima-city.de/images/avatar/BKUP8LUwJppkfe.gif" width=150 height=150 border=0 alt="">
    <script type="text/javascript">
    function click (e) {
      if (!e)
        e = window.event;
      if ((e.type && e.type == "contextmenu") || (e.button && e.button == 2) || (e.which && e.which == 3)) {
        if (window.opera)
          window.alert("Sorry: Diese Funktion ist deaktiviert.");
        return false;
      }
    }
    if (document.layers)
      document.getElementById('tstimg').captureEvents(Event.MOUSEDOWN);
    document.getElementById('tstimg').onmousedown = click;
    document.getElementById('tstimg').oncontextmenu = click;
    </script>
    
    </body>
    </html>


    klappt, passt. fertich...
    :wink:

    Beitrag zuletzt geändert: 20.10.2010 23:33:02 von simuliertes
  4. Autor dieses Themas

    prog

    Kostenloser Webspace von prog

    prog hat kostenlosen Webspace.


    Einmal kurz gegoogelt:
    http://de.selfhtml.org/navigation/anzeige/rechte_maustaste.htm


    Ja, das hatte ich auch ausprobiert. Nur bei deinem Test verwendest du ein Bild (img) und kein Canvas. Das verhält sich etwas anders.
    Wie ich inzwischen herausgefunden hab muss man das beim Canvas durch onContextMenu="return false;" unterdrücken.
    <canvas id="canvas" width="600" height="600" oncontextmenu="return false;">

    Dadurch wird nicht der Rechtsklick verhindert, sondern nur das Kontextmenü unterdrückt. Der rechtsklick kann weiterhin abgefragt werden.
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!