Agregar un menú contextual al sitio web-menu. js del botón derecho del tecleo
| Autor: | KargJonas |
|---|---|
| Views Total: | 889 |
| Sitio oficial: | Ir a la web |
| Actualizado: | June 2, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
MENU. js es una biblioteca de JavaScript pequeña y de dependencia cero que agrega un personalizado haga clic con el botón derecho en el menú contextual a la Página Web.
Funcionamiento
Descargue y coloque la versión minimizada del menu. js en la parte inferior de la Página Web.
<script defer src="dist/menu.min.js"></script>
Agregue una matriz de objetos de menú al menú contextual como estos:
let menuContent = [
{title: "MyMenuItem1", name: "item1"},
"<hr>",
{title: "MyMenuItem2", name: "item2"},
{title: "MyMenuItem3", name: "item3"}
]; Defina una función personalizada que se activará cuando se hace clic en un elemento de menú.
function itemClick (name) {
alert('You just clicked'+name)
} Los estilos CSS predeterminados. Siéntase libre de invalidar los siguientes estilos CSS para crear sus propios estilos.
// Style of menu
"menuStyle": {
display: "none",
fontFamily: "monospace",
width: "min-content",
height: "min-content",
padding: "8px 0 8px 0",
margin: 0,
borderRadius: "5px",
border: "1px solid #555",
backgroundColor: "#222",
position: "absolute",
top: 0,
left: 0,
userSelect: "none"
},
// Style menu items
"itemStyle": {
fontSize: "16px",
padding: "2px 11px 2px 10px",
margin: 0,
color: "#ccc"
},
