Skip to content

Latest commit

 

History

History
56 lines (38 loc) · 1.65 KB

README_CN.md

File metadata and controls

56 lines (38 loc) · 1.65 KB

npm version

目的

将浏览器视口按照如下顺序分为 A、B、C、D 四个象限,

        │
    A   │   B
───────────────────
    C   │   D
        │

于是在各象限点击将产生的一个序列,将此序列作为密码, 当满足预设序列时将执行预设函数。

使用

下载或通过 npm(npm install click-password)安装,

import ClickPassword from 'click-password';

// 初始化,指定预设序列(如'ABADA',或其他由A、B、C、D组成的序列)和回调函数
new ClickPassword('ABADA', ()=>{
  //回调函数,预设的处理过程
}, true/*是否打印debug日志*/);

或者通过 script 标签引入,

<script src="https://unpkg.com/click-password@latest/dist/click-password.min.js"></script>
<script>
  // 初始化,指定预设序列(如'ABADA',或其他由A、B、C、D组成的序列)和回调函数
  new ClickPassword('ABADA', ()=>{
    //回调函数,预设的处理过程
  });
</script>

小贴士

● 初始化成功后,浏览器控制台将打印消息“click-password info: config OK!”。

● 无须从页面载入后的第一次点击开始,只要点击过程出现了预设序列即可触发回调。

● 回调只触发一次,除非重新载入页面。

● 供 TS 使用的声明文件位于"dist/click-password.d.ts"。

应用举例

生产环境下,通过点击'ACABD'序列调出 vConsole(移动端调试工具)

实例动图