Easy and lazy solution for click-event-binding.
JavaScript HTML
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo Update demo page. Dec 20, 2014
doc Update doc. Dec 23, 2014
src fix data(action) to attr(data-action) Mar 18, 2016
test Improve test code - reduce time cost. Mar 22, 2016
.gitignore System config. Dec 8, 2014
README.md Remove spm badge and instruction. Apr 13, 2016
bower.json Update bower.json Feb 28, 2015

README.md

English version is here.

Action

轻松随意绑定点击事件!

用法简介

第一步

先定义一些动作:

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

安装

  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>

API 文档

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

单元测试

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

谁在用?

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


License

MIT License