Question

I’d like to somehow be able to define with JavaScript an onclickout event. That is something that happens when the user clicks anywhere else that the element in question.
I tried with onblur but it just don’t seem to work :/

Is there any other way?

Answer 1

This uses the jQuery help, but the logic is the same if you prefer without it.

$(document).mouseup(function(event) {
    var condition = $(event.target).parents(/* element_in_question */).length;
        if (condition == 0) {   // 0 means the event is not originated from the element in question
            // Do what you need to do
        }
    }
});