25 lines
720 B
TypeScript
25 lines
720 B
TypeScript
const OFFSET = 12;
|
|
|
|
export class Tooltip {
|
|
private timeout: number | null = null;
|
|
|
|
constructor(private element: HTMLElement) {
|
|
document.body.addEventListener("mousemove", (event: MouseEvent) => {
|
|
this.element.style.opacity = "1";
|
|
this.element.style.left = event.x + OFFSET + "px";
|
|
this.element.style.top = event.y + OFFSET + "px";
|
|
|
|
if (this.timeout) clearTimeout(this.timeout);
|
|
this.timeout = setTimeout(() => {
|
|
this.element.style.opacity = "0.8";
|
|
}, 1000);
|
|
});
|
|
}
|
|
|
|
setText(text: string) {
|
|
this.element.style.display = text ? "block" : "none";
|
|
this.element.innerHTML = text;
|
|
}
|
|
}
|
|
|