Wird ausgelöst, wenn sich die Maus über dem Gantt-Container bewegt
id | string|number | die ID der Aufgabe, über der sich die Maus gerade befindet |
e | Event | das native Event-Objekt |
gantt.attachEvent("onMouseMove", function (id, e){
// hier Ihre eigene Logik einfügen
});
Dieses Event fungiert als Alias für den nativen mousemove Event-Listener, der am gantt.$root Element angebracht ist.
Wenn das Event-Target Teil eines Aufgaben-Elements ist, wird die ID der Aufgabe als erstes Argument übergeben. Falls nicht, 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: Datum und Uhrzeit unter dem Mauszeiger ermitteln