cc-event

cc-event v2.0.2

An event utility for class-component [experimental]

Usage

npm

npm install --save jquery class-component cc-event

common script

global.jQuery = require('jquery');
require('class-component');
require('cc-event');

 
var $ = require('jquery');
 
var Scene = $.cc.subclass($.cc.Actor, function (pt) {
 
    /**
     * Says hello.
     */
    pt.sayHello = function () {
 
        alert('hello');
 
    }.event('click touchstart');
 
    /**
     * Goes to the settings screen.
     */
    pt.gotoSettings = function (e) {
 
        e.stopPropagation();
 
        location.href = 'settings.html';
 
    }.event('click', '.setting-btn');
 
});
 
$.cc.assign('scene', Scene);

<div class="scene" >
  <button class="settings-btn">settings</div>
</div>

Under the above settings, when you click the settings button it goes to settings.html. When you click other part of .scene, it alerts "hello".

Use with es6 class and decorator

 
var $ = require('jquery');
var event = $.cc.event;
 
class Scene extends $.cc.Actor {
 
    /**
     * Says hello.
     */
    @event('click touchstart')
    sayHello() {
 
        alert('hello');
 
    }
 
    /**
     * Goes to the settings screen.
     */
    @event('click', '.setting-btn')
    gotoSettings(e) {
 
        e.stopPropagation();
 
        location.href = 'settings.html';
 
    }
 
}
 
$.cc.assign('scene', Scene);

<div class="scene" >
  <button class="settings-btn">settings</div>
</div>

License

MIT