Manejo de evento de clic fuera en Pure JavaScript-click-outside. js
| Autor: | BosNaufal |
|---|---|
| Views Total: | 2,013 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 22, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
click-outside. js es una biblioteca de JavaScript pura que le ayuda a controlar hacer clic fuera/dentro de eventos en un elemento DOM específico.
Funcionamiento
Importe la Verison minimizada de click-outside. js a la página web cuando sea necesario.
<script src="click-outside.min.js"></script>
Defina el elemento.
var el = document.getElementById('target');
var outEl = document.getElementById('out');
var inEl = document.getElementById('in'); Hacer nuevo clic fuera de evento.
var myEvent = new onClickOutside(el, function() {
console.log("You've Just Clicked Outside The Box!");
outEl.style.display = "block"
inEl.style.display = "none"
}) Maneje haga clic dentro.
function clickInside() {
console.log("Clicked Inside");
outEl.style.display = "none"
inEl.style.display = "block"
} Quite el detector de eventos.
myEvent.remove()
Reinit event listener.
myEvent.reinit()
