当鼠标在甘特图容器上移动时触发
id | string|number | 当前鼠标悬停的任务的id |
e | Event | 原生事件对象 |
gantt.attachEvent("onMouseMove", function (id, e){
// 在这里编写您的自定义逻辑
});
此事件是绑定到 gantt.$root 元素的原生 mousemove 事件监听器的别名。
如果事件目标是任务元素的一部分,则第一个参数将是该任务的id。 如果不是,则第一个参数为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);
}
});