El atributo de menú contextual HTML es un atributo global que se utilizará para definir una barra de menú contextual para un elemento. El valor del atributo contextmenu debe ser el mismo que el id del elemento <menu>.
Básicamente, un menú contextual aparece en las relaciones del usuario, como cuando un usuario hace clic con el botón derecho en el elemento. Como sabemos, HTML5 nos permite personalizar este menú. Estos son algunos ejemplos de implementación, incluidos los menús anidados.
Nota: El atributo del menú contextual HTML no es compatible con HTML5.
Sintaxis:
<element contextmenu="menu_id">
Valores del Atributo: Contiene el valor menu_id que representa el id del elemento <menu> a abrir.
Ejemplo: El siguiente código HTML ilustra el uso del atributo de menú contextual .
HTML
<!DOCTYPE html>
<html>
<head>
<title>HTML contextmenu attribute </title>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<center>
<h1>GeeksforGeeks</h1>
<h2>HTML contextmenu attribute</h2>
<div style="background:green;border:2px solid
#black;padding: 10px;" contextmenu="geeks">
<p>A Computer Science Portal for Geeks</p>
<menu type="context" id="geeks">
<menu label="Share on...">
<menuitem label="Twitter"
onclick=
"window.open('//twitter.com/intent/tweet?text=' + window.location.href);">
</menuitem>
<menuitem label="Pinterest"
onclick=
"window.open('http://pinterest.com/pin/create/button/?url=' + window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick=
"window.location='mailto:?body='+window.location.href;">
</menuitem>
</menu>
</div>
<p>A Computer Science Portal for Geeks</p>
<hr>
<p>Right click on green div and see the menuitem
</center>
</body>
</html>
Producción:
Atributo del menú contextual HTML
Navegadores compatibles:
- MozillaFirefox 85.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA