amass/live2d-widget
1
0
Fork 0
mirror of https://github.com/stevenjoezhang/live2d-widget.git synced 2024-11-22 04:34:20 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Optimize mouseover & click callback

Browse Source
This commit is contained in:
Mimi 2023-01-02 02:03:07 +08:00
parent ff687ea3de
commit ae27493c29
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/index.js
View File

@ -66,7 +66,8 @@ function loadWidget(config) {
// 检测用户活动状态，并在空闲时显示消息 // 检测用户活动状态，并在空闲时显示消息
let userAction = false, let userAction = false,
userActionTimer, userActionTimer,
messageArray = result.message.default; messageArray = result.message.default,
lastHoverElement;
window.addEventListener("mousemove", () => userAction = true); window.addEventListener("mousemove", () => userAction = true);
window.addEventListener("keydown", () => userAction = true); window.addEventListener("keydown", () => userAction = true);
setInterval(() => { setInterval(() => {
@ -83,7 +84,9 @@ function loadWidget(config) {
showMessage(welcomeMessage(result.time), 7000, 11); showMessage(welcomeMessage(result.time), 7000, 11);
window.addEventListener("mouseover", event => { window.addEventListener("mouseover", event => {
for (let { selector, text } of result.mouseover) { for (let { selector, text } of result.mouseover) {
if (!event.target.matches(selector)) continue; if (!event.target.closest(selector)) continue;
if (lastHoverElement === selector) return;
lastHoverElement = selector;
text = randomSelection(text); text = randomSelection(text);
text = text.replace("{text}", event.target.innerText); text = text.replace("{text}", event.target.innerText);
showMessage(text, 4000, 8); showMessage(text, 4000, 8);
@ -92,7 +95,7 @@ function loadWidget(config) {
}); });
window.addEventListener("click", event => { window.addEventListener("click", event => {
for (let { selector, text } of result.click) { for (let { selector, text } of result.click) {
if (!event.target.matches(selector)) continue; if (!event.target.closest(selector)) continue;
text = randomSelection(text); text = randomSelection(text);
text = text.replace("{text}", event.target.innerText); text = text.replace("{text}", event.target.innerText);
showMessage(text, 4000, 8); showMessage(text, 4000, 8);