Utwórz niestandardowe menu kontekstowe prawego przycisku myszy za pomocą justContext.js

Każda przeglądarka internetowa ma domyślne menu kontekstowe. Pojawia się, gdy użytkownik kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i zazwyczaj ma te same opcje, takie jak “Kopiuj”, “zapisać”, lub “sprawdź element”.

Z biblioteka justContext, możesz zbudować specjalistyczne menu kontekstowe dla jakichkolwiek elementów w witrynie. Mogą to być automatycznie zaludnione ze wszystkim, co lubisz i możesz napisz funkcje niestandardowe uruchamiać, gdy użytkownik kliknie opcję w menu niestandardowym.

Każdy element strony może obsługiwać własne menu kontekstowe. Oznacza to, że możesz celuj w poszczególne przedmioty takie jak pokazy slajdów lub odtwarzacze wideo HTML5 lub możesz wyceluj w całe ciało strony.

Masz pełną kontrolę nad motyw menu kontekstowego, w tym czcionki, kolory, ikony, a nawet separatory, aby podzielić menu na sekcje. Ta wtyczka naprawdę pozwala utworzyć pełne menu kontekstowe od podstaw z dowolnymi funkcjami.

Domyślnie zawiera tylko justContext dwa tematy: ciemno i jasno. Możesz wybierać między nimi i znaleźć to, które najlepiej pasuje do Twojej witryny.

Każdy motyw można dostosować za pomocą różnych Czcionki internetowe Google, nie wspominając o całym Wspaniała biblioteka czcionek jest domyślnie zapakowany.

Sprawdź demo na żywo, aby zobaczyć je w akcji. Działa w wszystkie przeglądarki oprócz Internet Explorera ale nie powinno to stanowić problemu biorąc pod uwagę nacisk Microsoft na nową przeglądarkę Edge.

Tworzenie rzeczywistego menu kontekstowego jest trochę skomplikowane. To wymaga kilku klas CSS i to wszystko zakodowane na stałe w HTML na swojej stronie internetowej.

Tutaj jest próba z głównego repo na GitHub:

 
 
Ciąć
 
Kopiuj
 
Pasta
 
 
Nowy pakiet
 
Nowa klasa
 
Nowy interfejs (wpis wyłączony)
 
 

Jeśli chcesz majstrować przy ustawieniach możesz zrobić wiele dzięki tej wtyczce. Ale przyznaję, że to jest zasoby niszowe to nie będzie wartościowe dla wszystkich stron internetowych.

Niezależnie od tego, dlaczego lub jak byś go użył, justContext jest absolutnie najlepszym źródłem informacji tworzenie menu kontekstowych od podstaw. Cała dokumentacja jest dostępna na GitHub, a wtyczka jest w 100% darmowa do wykorzystania w dowolnym projekcie sieciowym.