Erstellen Sie mit justContext.js benutzerdefinierte Kontextmenüs mit der rechten Maustaste

Jeder Webbrowser verfügt über eine Standardkontextmenü. Dies erscheint beim Benutzer Rechtsklicks überall auf einer Seite und hat normalerweise die gleichen Optionen, wie z “Kopieren”, “sparen”, oder “Element prüfen”.

Mit dem justContext-Bibliothek, du kannst bauen spezielle Kontextmenüs für alle Elemente auf Ihrer Website. Das kann sein automatisch ausgefüllt mit allem, was du magst und du kannst Benutzerdefinierte Funktionen schreiben Wird ausgeführt, wenn der Benutzer auf eine Option in Ihrem benutzerdefinierten Menü klickt.

Jedes Seitenelement kann sein eigenes Kontextmenü unterstützen. Das heißt du kannst es ziele auf einzelne Gegenstände wie Diashows oder HTML5-Videoplayer oder Sie können Richten Sie den gesamten Seitenkörper aus.

Sie haben die volle Kontrolle über die Themes des Kontextmenüs, einschließlich Schriftarten, Farben, Symbolen und sogar Trennzeichen, um Ihr Menü in Abschnitte zu unterteilen. Mit diesem Plugin können Sie wirklich eine volles Kontextmenü von Grund auf mit beliebigen Funktionen.

JustContext wird standardmäßig mit ausgeliefert zwei themen: dunkel und hell. Sie können zwischen ihnen wählen und herausfinden, welcher Ihrer Website am besten entspricht.

Jedes Thema kann mit anderen angepasst werden Google Web Fonts, ganz zu schweigen vom ganzen Font Awesome Bibliothek ist standardmäßig verpackt.

Schauen Sie sich die Live-Demo an, um sie in Aktion zu sehen. Es funktioniert in alle Browser außer Internet Explorer Dies sollte jedoch kein Problem sein, wenn man den Push von Microsoft auf den neuen Edge-Browser berücksichtigt.

Das Erstellen des eigentlichen Kontextmenüs ist etwas schwierig. Es erfordert einige CSS-Klassen und es ist alles In HTML fest codiert in Ihre Webseite.

Hier ist ein Probe aus dem Hauptrepo auf GitHub:

 
 
Schnitt
 
Kopieren
 
Einfügen
 
 
Neues Paket
 
Neue Klasse
 
Neue Schnittstelle (ein deaktivierter Eintrag)
 
 

Wenn du willst basteln mit einstellungen Sie können mit diesem Plugin viel tun. Aber ich gebe auch zu, dass es eine ist Nischen-spezifische Ressource das ist nicht für alle Websites wertvoll.

Unabhängig davon, warum oder wie Sie es verwenden, ist justContext die absolut beste Ressource Erstellen von Web-Kontextmenüs von Grund auf. Die gesamte Dokumentation ist auf GitHub verfügbar und das Plugin ist zu 100% kostenlos für jedes Webprojekt verfügbar.