Limpie el menú contextual dinámico en JavaScript puro-menufy
| Autor: | Akronae |
|---|---|
| Views Total: | 2,236 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 13, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
menufy es una biblioteca de JavaScript pequeña y pura para crear menús contextuales dinámicos que se pueden anexar a cualquier elemento cuando se hace clic con el botón derecho.
Funcionamiento
Cargue el archivo CSS menufy. CSS para que el estilo del menú contextual.
<link rel="stylesheet" href="menufy.css">
Crear elementos de menú & sus acciones correspondientes en el JavaScript:
let menu = [
{ 'label': 'Menu 1', action: () => action: () => alert('Menu 1 !') },
{ 'label': 'Menu 2', action: () => alert('Menu 2 !') },
{ 'label': 'Menu 3', action: () => alert('Menu 3 !') }
...
] Anexar el menú contextual al elemento BODY.
window.contextMenu = new Menufy(menu)
También puede cambiar el evento de desencadenador predeterminado a ' clic izquierdo ':
window.contextMenu = new Menufy(menu, 'left')
