将浏览器视口按照如下顺序分为 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(移动端调试工具)