模拟右键单击图像
Posted
技术标签:
【中文标题】模拟右键单击图像【英文标题】：Simulate Right-Click on Image 【发布时间】：2017-05-26 17:54:10 【问题描述】：当右键单击网页上的图像时，会出现一个菜单，该菜单提供“将图像另存为”的功能。 是否可以通过单击按钮 (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>
【问题讨论】：
试试canvas 【参考方案1】：这是不可能的。但是，您可以通过使用右键单击事件来创建自己的“菜单”并触发它。无法访问浏览器的右键菜单。
您可以使用 HTML5 下载属性触发图像下载。更多信息在这里： Simulate Save Image As
【讨论】：
我已将按钮 div 放置在锚标记内，现在单击它时会获得下载菜单。 jquery中有没有办法点击锚标签，所以出现下载菜单。我问这个是因为我想为图像名称使用一个变量。以上是关于模拟右键单击图像的主要内容，如果未能解决你的问题，请参考以下文章