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;
        }
    });
}

然后只需在自定义上下文菜单按钮上设置click事件，即可将imageSrcInQuestion变量发布到需要的位置。

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