Clickout

by Marco Abate

HTML

<div class="handler">handler</div>
<div class="handler not">handler</div>

CSS

.handler {
    color: white;
    background: lightgray;
    text-align: center;
    padding: 10px;
}

.handler.not {
    color: white;
    background: red;
}

JavaScript

var clickOutFnc = $('body').on('click tap', document, function(e) {
    var clicked = e.originalEvent;
    if($(clicked.target)[0] != $('.handler')[0]) {
        console.log('clickout');
    }

})