onMouseMove

Wird ausgelöst, wenn die Maus über den Gantt-Container bewegt wird

void onMouseMove(string|number id,Event e);
idstring|numberdie ID der Aufgabe, über die die Maus bewegt wird
eEventein natives Ereignisobjekt

Example

gantt.attachEvent("onMouseMove", function (id, e){
    //beliebige benutzerdefinierte Logik hier
});

Details

Dieses Ereignis ist ein Alias für den nativen mousemove Ereignis-Handler, der dem gantt.$root Element zugeordnet ist.

Wenn das Ereignisziel ein Knoten eines Aufgaben-Elements ist, wird die zugehörige Aufgaben-ID als erstes Argument übergeben. Ansonsten ist das erste Argument null.

gantt.message({
    expire: -1,
    text: "<span id='pointer-date'></span>"
});
 
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);
    }
});

Related sample:  Holen Sie sich Datum und Uhrzeit unter dem Mauszeiger

See also
  • API
  • Articles
  • Zurück nach oben