Wie funktioniert der "Bildort kopieren" im Rechtsklickmenü von Firefox?

Question

Ich erstelle eine Anwendung, in der ich einen neuen Rechtsklick-Menüeintrag hinzufügen muss, der die Bild-URL abrufen und irgendwo posten würde. Ist es möglich, beides mit einem einzigen Menüpunkt zu tun? Vielen Dank im Voraus

Answer 1

Ich glaube nicht, dass es eine Möglichkeit gibt, dem normalen Browser-Rechtsklickmenü Kontextmenüs hinzuzufügen, ohne ein Add-on für diesen Browser zu installieren.

Eine Option wäre, jedem Bild ein Mausklickereignis hinzuzufügen und das zurückgegebene Ereignisobjekt zu überprüfen.

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

Dann nur ein Click-Ereignis auf Ihrer benutzerdefinierten Kontextmenü-Taste eingerichtet, um die imageSrcInQuestion Variable, um es zu, wo immer es gebraucht wird.

Wenn Sie noch kein benutzerdefiniertes Kontextmenü eingerichtet haben, würde ich vorschlagen, ein mousedown-Ereignis zum Dokument hinzuzufügen und dann ein div mit Ihren Kontextmen-Elementen am Speicherort der event.clientX- und event.clientY-Werte anzuzeigen .