Componente de botón de confirmación en línea en JavaScript puro
| Autor: | matthewp |
|---|---|
| Views Total: | 89 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 27, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Un componente de JavaScript puro que aplica una experiencia de confirmación en línea a un botón de acción que especifique.
Haga clic en el botón de acción para pedir a los usuarios que confirmen antes de realizar una acción.
See also:
Funcionamiento
Descargue e importe el componente:
<script type="module"> import './mod.js'; </script>
El marcado HTML básico.
<inline-confirmation> <span slot="confirm">Are you sure to delete it?</span> <button type="button" slot="content">Delete Me</button> </inline-confirmation>
Habilite el botón de confirmación en línea.
let confirm = document.querySelector('inline-confirmation');
let btn = document.querySelector('button');
btn.addEventListener('click', () => {
confirm.active = true;
}); Haga algo a medida que los usuarios confirmen o cancelen la acción.
confirm.addEventListener('confirm', () => {
// do something
});
confirm.addEventListener('cancel', () => {
// do something
});
