2017-05-26 79 views
0

右鍵單擊網頁上的圖像時,會出現一個菜單,其中提供了「將圖像另存爲」的功能。 是否有可能通過單擊按鈕(div)通過jQuery或JavaScript獲得此功能。模擬在圖像上單擊右鍵

我試圖從可數站點獲取代碼沒有成功。

以下是一個簡單的測試頁面,點擊紅色按鈕將顯示菜單。

感謝,

<!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

嘗試[畫布](https://www.w3schools.com/graphics/canvas_intro.asp) – AvrilAlejandro

回答

0

這是不可能的事情。但是,您可以通過使用右鍵單擊事件來創建自己的「菜單」。您無法訪問瀏覽器的右鍵菜單。

您可以觸發使用HTML5下載屬性下載圖像。這裏更多的信息: Simulate Save Image As

+0

我放置按鈕的div錨標籤內,當它現在得到的下載菜單被點擊。有沒有一種方式在jQuery中操作錨點標籤的點擊,以便下載菜單出現。我問這是因爲我想爲圖像名稱使用變量。 – TedN