Optimize mouseover & click callback

stevenjoezhang · Jan 1, 2023 · ae27493 · ae27493
1 parent ff687ea
commit ae27493
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/index.js b/src/index.js
@@ -66,7 +66,8 @@ function loadWidget(config) {
         // 检测用户活动状态，并在空闲时显示消息
         let userAction = false,
             userActionTimer,
-            messageArray = result.message.default;
+            messageArray = result.message.default,
+            lastHoverElement;
         window.addEventListener("mousemove", () => userAction = true);
         window.addEventListener("keydown", () => userAction = true);
         setInterval(() => {
@@ -83,7 +84,9 @@ function loadWidget(config) {
         showMessage(welcomeMessage(result.time), 7000, 11);
         window.addEventListener("mouseover", event => {
             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 = text.replace("{text}", event.target.innerText);
                 showMessage(text, 4000, 8);
@@ -92,7 +95,7 @@ function loadWidget(config) {
         });
         window.addEventListener("click", event => {
             for (let { selector, text } of result.click) {
-                if (!event.target.matches(selector)) continue;
+                if (!event.target.closest(selector)) continue;
                 text = randomSelection(text);
                 text = text.replace("{text}", event.target.innerText);
                 showMessage(text, 4000, 8);