cc-event

2.0.2 • Public • Published 3 years ago

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

Keywords

install

npm i cc-event

weekly downloads

version

2.0.2

license

MIT

homepage

github.com

repository

github

last publish

3 years ago

collaborators

Test with RunKit

Report a vulnerability