cssmagic / action

Easy and lazy solution for click-event-binding.
95 stars 32 forks source link
click cmui events javascript mouse

English version is here.

Action

轻松随意绑定点击事件!

用法简介

第一步

先定义一些动作:

action.define({
    'my-action': function () {
        //do something...
    },
    /* ... */
})

第二步

在页面里创建元素:

<button data-action="my-action">btn</button>

<!-- 或这样 -->
<a href="#" data-action="my-action">link</a>

<!-- 或这样 -->
<a href="#my-action" data-action>link</a>

第三步

其实已经不需要第三步了。

点击这个元素就可以触发你定义的那个动作了!

兼容性

依赖以下类库:

支持以下浏览器:

体积

安装

  1. 通过 npm 3+ 安装:

    $ npm install cmui-action
  2. 在页面中加载 Action 的脚本文件及必要的依赖:

    <script src="https://github.com/cssmagic/action/raw/master/node_modules/jquery/dist/jquery.js"></script>
    <script src="https://github.com/cssmagic/action/raw/master/node_modules/cmui-action/src/action.js"></script>

API 文档

单元测试

  1. 把本项目的代码 fork 并 clone 到本地。
  2. 在本项目的根目录运行 npm install,安装必要的依赖。
  3. 在浏览器中打开 test/test.html 即可运行单元测试。

谁在用?

移动 UI 框架 CMUI 采用 Action 作为全局的基础设施,因此所有 CMUI 用户都在使用 Action:


License

MIT License