admin/kiss-translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug fix: repace mouseover to mouseenter

Browse Source
This commit is contained in:
Gabe Yuan
2023-11-13 11:02:25 +08:00
parent 6093577591
commit 6e06fe79cd
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/libs/translator.js
View File

@@ -349,8 +349,8 @@ export class Translator {
// 监听鼠标悬停 // 监听鼠标悬停
window.addEventListener("keydown", this._handleKeydown); window.addEventListener("keydown", this._handleKeydown);
this._tranNodes.forEach((_, node) => { this._tranNodes.forEach((_, node) => {
node.addEventListener("mouseover", this._handleMouseover); node.addEventListener("mouseenter", this._handleMouseover);
node.addEventListener("mouseout", this._handleMouseout); node.addEventListener("mouseleave", this._handleMouseout);
}); });
} }
}; };
@@ -475,15 +475,15 @@ export class Translator {
}; };
_handleMouseover = (e) => { _handleMouseover = (e) => {
// console.log("mouseover", e); // console.log("mouseenter", e);
if (!this._tranNodes.has(e.target)) { if (!this._tranNodes.has(e.target)) {
return; return;
} }
const key = this._setting.mouseKey.slice(3); const key = this._setting.mouseKey.slice(3);
if (this._setting.mouseKey === OPT_MOUSEKEY_MOUSEOVER || e[key]) { if (this._setting.mouseKey === OPT_MOUSEKEY_MOUSEOVER || e[key]) {
e.target.removeEventListener("mouseover", this._handleMouseover); e.target.removeEventListener("mouseenter", this._handleMouseover);
e.target.removeEventListener("mouseout", this._handleMouseout); e.target.removeEventListener("mouseleave", this._handleMouseout);
this._render(e.target); this._render(e.target);
} else { } else {
this._mouseoverNode = e.target; this._mouseoverNode = e.target;
@@ -491,7 +491,7 @@ export class Translator {
}; };
_handleMouseout = (e) => { _handleMouseout = (e) => {
// console.log("mouseout", e); // console.log("mouseleave", e);
if (!this._tranNodes.has(e.target)) { if (!this._tranNodes.has(e.target)) {
return; return;
} }
@@ -504,10 +504,13 @@ export class Translator {
const key = this._setting.mouseKey.slice(3); const key = this._setting.mouseKey.slice(3);
if (e[key] && this._mouseoverNode) { if (e[key] && this._mouseoverNode) {
this._mouseoverNode.removeEventListener( this._mouseoverNode.removeEventListener(
"mouseover", "mouseenter",
this._handleMouseover this._handleMouseover
); );
this._mouseoverNode.removeEventListener("mouseout", this._handleMouseout); this._mouseoverNode.removeEventListener(
"mouseleave",
this._handleMouseout
);
const node = this._mouseoverNode; const node = this._mouseoverNode;
this._render(node); this._render(node);
@@ -536,8 +539,9 @@ export class Translator {
// 移除鼠标悬停监听 // 移除鼠标悬停监听
window.removeEventListener("keydown", this._handleKeydown); window.removeEventListener("keydown", this._handleKeydown);
this._tranNodes.forEach((_, node) => { this._tranNodes.forEach((_, node) => {
node.removeEventListener("mouseover", this._handleMouseover); // node.style.pointerEvents = "none";
node.removeEventListener("mouseout", this._handleMouseout); node.removeEventListener("mouseenter", this._handleMouseover);
node.removeEventListener("mouseleave", this._handleMouseout);
// 移除已插入元素 // 移除已插入元素
node.querySelector(APP_LCNAME)?.remove(); node.querySelector(APP_LCNAME)?.remove();
}); });