Ember ClickOutside Mixin

click_outside_mixin.js

var ClickOutside = Ember.Mixin.create({

  listenForClickOutside: false,

  clickOutside: Ember.K,

  _delegateClickOutside: function() {
    $(window).on('mousedown', $.proxy(this._handleClickOutside, this));
  },


  _undelegateClickOutside: function() {
    $(window).off('mousedown', this._handleClickOutside);
  }.on('willDestroyElement'),


  _handleClickOutside: function(event) {
    if (!this.$().find(event.target).length) {
      this.clickOutside(event);
      this.trigger('clickOutside');
    }
  },


  _listenForClickOutsideDidChange: function() {
    Ember.run.scheduleOnce('afterRender', this, function() {
      if (this.get('listenForClickOutside')) {
        this._delegateClickOutside();
      } else {
        this._undelegateClickOutside();
      }
    });
  }.observes('listenForClickOutside').on('didInsertElement')

});