Confirmar antes de eliminar en el admin

javascript marzo 11, 2026

Muestra un diálogo de confirmación al usuario antes de ejecutar una acción irreversible en el panel de administración. Evita eliminaciones accidentales causadas por un clic sin querer.

Casos de uso: botones de borrar en páginas de ajustes del plugin, eliminar registros de una tabla personalizada, limpiar datos en masa, restablecer configuraciones.

document.addEventListener('DOMContentLoaded', function() {

    const botonesEliminar = document.querySelectorAll('.mi-plugin-eliminar');

    botonesEliminar.forEach(function(boton) {
        boton.addEventListener('click', function(e) {
            const confirmado = window.confirm(
                '¿Seguro que quieres eliminar este elemento? Esta acción no se puede deshacer.'
            );
            if (!confirmado) {
                e.preventDefault();
            }
        });
    });

});
  • DOMContentLoaded — Espera a que el DOM esté listo antes de buscar los botones.
  • .mi-plugin-eliminar — Clase CSS que debes añadir a todos los botones o enlaces de borrado en tu plugin.
  • window.confirm() — Diálogo nativo del navegador que devuelve true si el usuario acepta y false si cancela.
  • e.preventDefault() — Si el usuario cancela, detiene la acción del enlace o botón para que no se ejecute.