Menú contextual con función táctil en Vanilla JavaScript-basicContext
| Autor: | electerious |
|---|---|
| Views Total: | 2,567 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 19, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
basicContext es una biblioteca de JavaScript ligera vainilla para crear menús contextuales que admiten clic, clic derecho y toque TAP eventos.
Más características
- Posición inteligente. El menú contextual permanece dentro de la ventanilla y nunca se abre fuera del área de pantalla visible.
- Desplazable, cuando la altura del menú contextual es mayor que la altura del explorador.
¿Cómo funciona?
Cargue el de Stylesheet basicContext. min. CSS y JavaScript basicContext. min. js en el proyecto.
<link rel="stylesheet" href="dist/basicContext.min.css"> <script src="dist/basicContext.min.js"></script>
Cree elementos para el menú contextual utilizando Items array. Este ejemplo utiliza < a href = "http:/ionicons.com/" target = "_ blank" rel = "noopener" > ionicons para los iconos de menú.
var items = [
{ type: 'item', title: 'Add Sites', icon: 'ion-plus-round', fn: function() {}},
{ type: 'item', title: 'Reset Login', icon: 'ion-person', fn: function() {}},
{ type: 'item', title: 'Help', icon: 'ion-help-buoy', fn: function() {}},
{ type: 'separator' },
{ type: 'item', title: 'Logout', icon: 'ion-log-out', fn: function() {}}
] Muestre el menú contextual en su página web.
basicContext.show(items, e)
