CKHoldClick

A simple library to let doms could be hold with mouse events.

此脚本不应直接安装。它是供其他脚本使用的外部库,要使用该库请加入元指令 // @require https://update.cn-greasyfork.org/scripts/428696/945692/CKHoldClick.js

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
CKylinMC
版本
0.1
创建于
2021-06-30
更新于
2021-06-30
大小
2.4 KB
许可证
GPLv3 License

A simple library to let doms could be hold with mouse events.

Noticed that this library depends on CKEventEmitter.lib.js, for more details check out the source code.

Usages

Step1: Init a HoldClick instance

To process holding event with HoldClick, you need to create a HoldClick instance for a single dom.

const dom = document.querySelector("#dom")
const hc = new HoldClick(dom)

Step2: Register Click and Hold events

Because HoldClick implementions, click events and other evnets like that is not recommended to use, HoldClick provided a interface to process click events and hold events.

hc.onclick(/* func */)
hc.onhold(/* func */)

Your function will recieve a paramater, that will be one of mouse down / mouse up / mouse out event object. It's not sure for which event you will recieved, it depended on users actions.

** tip **

For more readable intent, HoldClick supports chain-style calling, you can use HoldClick like below:

new HoldClick(dom)
    .onclick(/*...*/)
    .onhold(/*...*/)