A Pen by Andrew Kirchmyer.

facade-pattern-(javascript-patterns).markdown

facade pattern (javascript patterns)

A Pen by Andrew Kirchmyer on CodePen.

License.

script.js

// Stopping event continuation can be hidden behind a facade
var myevent = {
    stop: function(e) {
        e.preventDefault();
        e.stopPropagation();
    }
};

// Handling browser differences (you don't want to do this all over your application, so put it in one facade
var myevent = {
    stop: function(e) {
        if (typeof e.preventDefault === "function") {
            e.preventDefault();
        }
        if (typeof e.stopPropagation === "function") {
            e.stopPropagation();
        }
        // IE
        if (typeof e.returnValue === "boolean") {
            e.returnValue = false;
        }
        if (typeof e.cancalBubble === "boolean") {
            e.cancalBubble = true;
        }
    }
};
    
// Facade: Hiding commonly-grouped functionality beind one method to prevent code duplication