/action

Easy and lazy solution for click-event-binding.

Primary LanguageJavaScript

English version is here.

Action spm package

轻松随意绑定点击事件！

用法简介

第一步

先定义一些动作：

action.add({
    '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>

第三步

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

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

兼容性

依赖以下类库：

  • jQuery（或兼容类库，比如 Zepto）

支持以下浏览器：

  • Chrome / Firefox / Safari 等现代浏览器
  • IE 6+（需要 jQuery 1.x）

体积

  • 源码： 2.7k
  • 压缩后： 0.4k

安装

Bower

  1. 通过 Bower 安装：

    $ bower install action

  2. 在页面中加载 Action 的脚本文件及必要的依赖：

    <script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/action/src/action.js"></script>

spm

也可通过 spm 进行安装和构建：

$ spm install action

API 文档

  • Action 提供了简洁易用的 API，详见此文档。
  • 此外，建议阅读 Wiki 来获取更多信息。

单元测试

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

谁在用？

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

License

MIT License