Firefox的右键菜单中的“复制图像位置”如何工作？

Question

我正在构建一个应用程序，我需要添加一个新的右键单击菜单项，它将获取图像URL并将其发布到某处。是否有可能使用单个菜单项执行这两项操作？ Thanx预先

Answer 1

我不相信有任何方法可以添加上下文菜单到常规浏览器的右键菜单，而无需安装附加到该浏览器。

一个选项是为每个有问题的图像添加一个鼠标单击事件并检查返回的事件对象。

var imageSrcInQuestion = ""; 
var images = document.getElementsByTagName("img"); 
for(var i = 0, l = images.length; i < l; i++){ 
    images[i].addEventListener("mousedown", function(event){ 
     if(event.which == 3){ 
      // this image has been right clicked on so capture it's data 
      imageSrcInQuestion = this.src; 
     } 
    }); 
} 

然后，只需建立一个点击事件上的自定义快捷菜单按钮，发布imageSrcInQuestion变量任何需要它。

如果您还没有设置自定义上下文菜单，我会建议在文档中添加一个mousedown事件，然后在您的上下文中显示一个div，在event.clientX和event.clientY值的位置。