2017-05-26 23 views
0

Wenn Sie mit der rechten Maustaste auf ein Bild auf einer Webseite klicken, wird ein Menü angezeigt, in dem Sie "Bild speichern unter" auswählen können. Ist es möglich, diese Funktionalität durch jQuery oder JavaScript zu erhalten, indem Sie auf eine Schaltfläche (div) klicken.Klicken Sie mit der rechten Maustaste auf das Bild

Ich habe versucht, Code von zahlreichen Websites ohne Erfolg zu bekommen.

Das Folgende ist eine einfache Testseite, bei der das Klicken auf den roten Knopf das Menü anzeigen würde.

Danke,

<!DOCTYPE HTML> 
<html> 
    <head> 
    <title>Test</title> 
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/> 
    <script src='jquery-2.1.4.js'></script> 
    <style> 
     #divBtn{ 
      width: 100px; 
      height: 50px; 
      top: 0px; 
      left: 0px; 
      background-color: #ff0000; 
      position: absolute; 
     } 
     #divImage { 
      width: 864px; 
      height: 541px; 
      top: 50px; 
      left: 0px; 
      position: absolute; 
     } 
    </style> 
    </head> 
    <body> 
    <a href="Imager.jpg" download="ImageCopy.jpg"><div id="divBtn"></div>Click</div></a> 
    <div id="divImage"> 
     <img src='Imager.jpg'></img> 
    </div> 

    <script> 
     $(document).ready(function(){ 

      //Code to show menu when divBtn is clicked. 

     }); 
    </script> 

    </body> 
</html> 
+0

try [Leinwand] (https://www.w3schools.com/graphics/canvas_intro.asp) – AvrilAlejandro

Antwort

0

Dies ist nicht möglich. Sie können jedoch Ihr eigenes "Menü" durch Verwendung von erstellen und es mit dem Rechtsklick-Ereignis auslösen. Sie können nicht auf das Rechtsklickmenü des Browsers zugreifen.

Sie können den Download eines Bildes mit dem HTML5-Download-Attribut auslösen. Mehr Infos hier: Simulate Save Image As

+0

Ich habe den Knopf div innerhalb eines Anker-Tag gelegt und nun den Download-Menü erhalten, wenn es ist angeklickt. Gibt es eine Möglichkeit in jQuery einen Klick auf das Anker-Tag zu betätigen, so erscheint das Download-Menü. Ich frage das, wie ich eine Variable für den Bildnamen verwenden möchte. – TedN

Verwandte Themen