模拟在图像上单击右键

右键单击网页上的图像时，会出现一个菜单，其中提供了“将图像另存为”的功能。是否有可能通过单击按钮（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>

来源

2017-05-26 TedN

尝试[画布]（https://www.w3schools.com/graphics/canvas_intro.asp） – AvrilAlejandro

这是不可能的事情。但是，您可以通过使用右键单击事件来创建自己的“菜单”。您无法访问浏览器的右键菜单。

您可以触发使用HTML5下载属性下载图像。这里更多的信息： Simulate Save Image As

来源

2017-05-26 18:08:54 Canolyb1

我放置按钮的div锚标签内，当它现在得到的下载菜单被点击。有没有一种方式在jQuery中操作锚点标签的点击，以便下载菜单出现。我问这是因为我想为图像名称使用变量。 – TedN

模拟在图像上单击右键

回答

相关问题