onMouseMove

当鼠标在甘特图容器上移动时触发

void onMouseMove(string|number id,Event e);
idstring|number当前鼠标悬停的任务的id
eEvent原生事件对象

Example

gantt.attachEvent("onMouseMove", function (id, e){
    // 在这里编写您的自定义逻辑
});

Details

此事件是绑定到 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);
    }
});

Related sample:  获取鼠标光标下的日期时间

See also
Back to top