aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

Hace unos meses vimos como gestionar los eventos mediante Javascript, algo realmente importante si pretendemos hacer un javascript no obstructivo y accesible. teníamos información de como añadir funcionalidades a eventos y como apilarlas para reforzar la funcionalidad de nuestra aplicación.

Ahora via Ajax CookBook descubro como parar estos eventos.

function stopEvent(e) {
    if (!e) e = window.event;
    if (e.stopPropagation) {
        e.stopPropagation();
    } else {
        e.cancelBubble = true;
    }
}var link = document.getElementById("link");
link.onclick = stopEvent;

De esta forma estamos previniendo el evento click de nuestro enlace #link.

Si por lo contrario queremos evitar que el receptor recoja este evento tendremos que variar nuestra función.

function cancelEvent(e) {
    if (!e) e = window.event;
    if (e.preventDefault) {
        e.preventDefault();
    } else {
        e.returnValue = false;
    }
}
var link = document.getElementById("link");
link.onclick = function(e) {
    cancelEvent(e);
    stopEvent(e);
}

Ver un ejemplo.