Mousedown 不适用于 vis 时间轴

Question

我在将 mousedown 事件加入 vis 时间线图时遇到问题...

这是我的代码结构：

<div id="firstDiv">
   <div id="timelineMap"></div>
</div>

$("#firstDiv").mousedown(function (e) {
    console.log("mouseDown");

    initialW = e.pageX;
    initialH = e.pageY;

    $("#firstDiv").bind("mouseup", function1);
    $("#firstDiv").bind("mousemove", function2);
    }
});

但是当我点击 firstDiv 时，什么都没有发生。我认为问题出在timelineMap 内部，因为没有它mousedown 可以工作......在那个div 里面有vis 时间线图。奇怪的是，如果我使用click() 而不是mousedown 它可以工作，但显然在这种情况下我不能使用mouseup。

请帮我弄清楚

Answer 1

从 jQuery 3.0 开始，.bind() 已被弃用。自 jQuery 1.7 起，它被用于将事件处理程序附加到文档的 .on() 方法取代，因此不鼓励使用它。

尝试使用 on() 代替：

$("#firstDiv").on('mousedown', function (e) {
    console.log("mouseDown");
    initialW = e.pageX;
    initialH = e.pageY;
});

$("#firstDiv").on("mouseup", function1);
$("#firstDiv").on("mousemove", function2);

注意：您发布的代码中有一个额外的}。

希望对您有所帮助。