onMouseMove

Description

Feuert, wenn sich die Maus über dem Gantt-Container bewegt

onMouseMove: (id: string | number, e: Event) => void;

Parameters

• id - (required) string | number - die ID der Aufgabe, über der sich die Maus bewegt
• e - (required) Event - ein natives Event-Objekt

Example

gantt.attachEvent("onMouseMove", function (id, e){
    // Fügen Sie hier Ihre benutzerdefinierte Logik ein
});

Details

Dieses Event ist ein Alias des nativen mousemove Event-Handler, der an das gantt.$root-Element gebunden ist.

Wenn das Eventziel ein Knoten eines Aufgaben-Elements ist, wird die zugehörige Aufgaben-ID im ersten Argument übergeben. Andernfalls wird das erste Argument auf null gesetzt.

gantt.message({
    expire: -1,
    text: ""
});

const formatDate = gantt.date.date_to_str("%Y-%m-%d %H:%i");
gantt.attachEvent("onMouseMove", function (id, e){
    const helper = gantt.utils.dom;
    if(helper.isChildOf(e.target, gantt.$task_data)){
          const textContainer = document.querySelector("#pointer-date");
        const pos = helper.getRelativeEventPosition(e, gantt.$task_data);
        const pointerDate = gantt.dateFromPos(pos.x);
        textContainer.innerText = formatDate(pointerDate);
    }
});

Hinweis

sample: Datum-Uhrzeit unter dem Mauszeiger

Related API

• utils

Related Guides

• How-tos