contextmenu attribut + <menu> <menuitem> - HTML

Med contextmenu kan man tilføje punkter til browserens kontekstmenu

Introduktion

contextmenu, <menu>, <menuitem>, ... kan blandt andet bruges til at tilføje punkter og undermenuen til kontekstmenuen på et element.

contextmenu screenshot

Demo

Højreklik her for at se contextmenuen (kontekstmenuen)
Resultatet ovenfor er skabt af følgende kode

CONTEXTMENU DEMO
(PÅ EN SIDE FOR SIG SELV)

Browserunderstøttelse af contextmenu

Browser Contextmenu Contextmenu CSS cursor
Firefox logo
Firefox 37.0.2
jaIkonerne i kontekstmenuen ser ud til at skulle være 16 x 16 pixels ellers mases de sammen.
Opera logo
Opera 12.15
Safari logo
Safari 5.1.7
Chrome logo
Chrome 25.0.1364.172 m
Internet Explorer logo
Internet Explorer 11.0.9600.16428
ja
Alle tests er udført på Windows 7 (64-bit)


Browserunderstøttelse fra caniuse.com :

context-menu CSS cursor

Med CSS kan man vise en cursor der gør brugeren opmærksom på at der er en ændret contextmenu når markøren holdes over elementet.
Hold markøren her for at skift cursor
Resultatet ovenfor er skabt af følgende kode

Andet

menu type kan vist være context | toolbar | list (list er standard)

Slå contextmenu fra

Hvis man ikke ønsker at det skal være muligt at højreklikke kan man bruge contextmenu eventen som i følgende kode.
Browseren understøtter ikke <canvas>
Resultatet ovenfor er skabt af følgende kode


Hvis man slår contextmenuen fra kan man bruge højreklik til noget andet.
Så kunne man for eksempel have et spil hvor man kunne bruge begge museknapper.
Browseren understøtter ikke <canvas>
Resultatet ovenfor er skabt af følgende kode

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.