//ES6
import CustomEvents from 'tui-code-snippet/customEvents/customEvents'; 

// CommonJS
const CustomEvents = require('tui-code-snippet/customEvents/customEvents'); 

function Model() {
    this.name = '';
}
CustomEvents.mixin(Model);

const model = new Model();
model.on('change', function() { this.name = 'model'; }, this);
model.fire('change');
alert(model.name); // 'model';

const map = new Map();
map.on({
  'beforeZoom': function() {
    // It should cancel the 'zoom' event by some conditions.
    if (that.disabled && this.getState()) {
      return false;
    }
    return true;
  }
});

if (this.invoke('beforeZoom')) {    // check the result of 'beforeZoom'
  // if true,
  // doSomething
}

//-- #1. Get Module --//
// ES6
import CustomEvents from 'tui-code-snippet/customEvents/customEvents'; 

// CommonJS
const CustomEvents = require('tui-code-snippet/customEvents/customEvents'); 

//-- #2. Use method --//
// # 2.1 off by event name
CustomEvents.off('onload');

// # 2.2 off by event name and handler
CustomEvents.off('play', handler);

// # 2.3 off by handler
CustomEvents.off(handler);

// # 2.4 off by context
CustomEvents.off(myObj);

// # 2.5 off by context and handler
CustomEvents.off(myObj, handler);

// # 2.6 off by context and event name
CustomEvents.off(myObj, 'onload');

// # 2.7 off by an Object.<string, function> that is {eventName: handler}
CustomEvents.off({
  'play': handler,
  'pause': handler2
});

// # 2.8 off the all events
CustomEvents.off();