New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

cmui-action

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cmui-action

Easy and lazy solution for click-event-binding.

0.4.0
latest
npm
Version published
Weekly downloads
0
Maintainers
1
Weekly downloads
 
Created
Source

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>
第三步

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

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

兼容性

依赖以下类库:

  • jQuery(或兼容类库,比如 Zepto)

支持以下浏览器:

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

体积

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

安装

  • 通过 npm 3+ 安装:

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

    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <script src="./node_modules/cmui-action/src/action.js"></script>
    

API 文档

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

单元测试

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

谁在用?

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

License

MIT License

Keywords

click

FAQs

Package last updated on 24 Jan 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts