Opret brugerdefinerede Højreklik-kontekstmenuer med justContext.js

Hver webbrowser har en standard kontekstmenu. Dette vises når brugeren højre klik hvor som helst på en side, og det har normalt de samme muligheder som f.eks “kopi”, “Gemme”, eller “inspicere element”.

Med justContext bibliotek, du kan bygge specialiserede kontekstmenuer for eventuelle elementer på dit websted. Disse kan være auto-befolkede med alt hvad du kan lide, og du kan skriv tilpassede funktioner at køre, når brugeren klikker på en indstilling i din brugerdefinerede menu.

Ethvert sideelement kan understøtte sin egen kontekstmenu. Det betyder at du kan mål individuelle elementer f.eks. diasshows eller HTML5-videospillere, eller du kan målrette hele sidekroppen.

Du har fuld kontrol over tema i kontekstmenuen, herunder skrifttyper, farver, ikoner og endda separatorer til at opdele din menu i sektioner. Dette plugin giver dig virkelig mulighed for at oprette en fuld kontekstmenu fra bunden med de funktioner du kan lide.

Som standard kommer justContext med to temaer: mørkt og let. Du kan vælge mellem dem og finde den, der passer bedst til din hjemmeside.

Hvert tema kan tilpasses ved hjælp af forskellige Google Web Fonts, for ikke at nævne hele Font Awesome bibliotek er pakket som standard.

Tjek den levende demo for at se den i aktion. Det virker i alle browsere undtagen Internet Explorer men dette bør ikke være et problem i betragtning af Microsofts push til den nye Edge-browser.

Oprettelse af den faktiske kontekstmenu er lidt vanskelig. Det kræver et par CSS klasser og det er alt sammen hardkodede i HTML ind i din webside.

Her er en prøve fra den vigtigste repo på GitHub:

 
 
Skære
 
Kopi
 
sæt ind
 
 
Ny pakke
 
Ny klasse
 
Ny grænseflade (en deaktiveret post)
 
 

Hvis du er villig til at tinker med indstillinger du kan gøre meget med dette plugin. Men jeg indrømmer også, at det er a niche-specifik ressource det vil ikke være værdifuldt for alle hjemmesider.

Uanset hvorfor eller hvordan du vil bruge det, er justContext den absolut bedste ressource til oprettelse af webkontekstmenuer fra bunden. Al dokumentation er tilgængelig på GitHub, og plugin er 100% fri til brug på ethvert web-projekt.