English | 简体中文

what for

Set up a quadrant in viewport, name of each range is as follows:

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

after that, clicks in each range can generate a sequence, use this sequence as a password. If this sequence match the pre-set sequence, pre-set function will be executed.

usage

Download or install via npm (npm install click-password)

import ClickPassword from 'click-password';

// init click-password with pre-set sequence(like 'ABADA' or other sequence composed of A, B, C, D) and callback function
new ClickPassword('ABADA', ()=>{
  //Callback, Do Something
}, true/*whether print debug logs*/);

Or import via script element:

<script src="https://unpkg.com/click-password@latest/dist/click-password.min.js"></script>
<script>
  // init click-password with pre-set sequence(like 'ABADA' or other sequence composed of A, B, C, D) and callback function
  new ClickPassword('ABADA', ()=>{
    //Callback, Do Something
  });
</script>

tips

● Browser console will print "click-password info: config OK!" after click-password's initialization.

● Callback will be executed as long as pre-set sequence is clicked, match the pre-set sequence from the first click is not necessary.

● Callback will be executed only once, only if the web page is reloaded.

● The declaration file for use with TypeScript is located at "dist/click-password.d.ts".

example

Click 'ACABD' to trigger the show of vConsole(developer tool for mobile web page) in production environment.