Unleash awesomeness. Private packages, team management tools, and powerful integrations. Get started with npm Orgs »

cc-event

2.0.2 • Public • Published

cc-event v2.0.2 Build Status codecov.io

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

install

npm i cc-event

Downloadsweekly downloads

1

version

2.0.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability