javascript - 鼠标向上 javascript 事件未触发图像控件

Question

我有一个 asp.net 图像控件，正在尝试在其上模拟拖动事件(我不希望图像移动)。我只需要初始位置和最终位置的坐标。 mousedown 事件被触发但 mouse up 事件没有被触发。你能帮帮我吗？？

var t;

    function set_coordinates_up(event) {
        pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("divScreenshot").offsetLeft;
        pos_y = event.offsetY ? (event.offsetY) : event.pageY - document.getElementById("divScreenshot").offsetTop;
        var hdf = document.getElementById('HiddenField1')
        if (hdf != null) hdf.value = t + " " + pos_x + " " + pos_y

    }
    function set_coordinates_down(event) {

        pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("divScreenshot").offsetLeft;
        pos_y = event.offsetY ? (event.offsetY) : event.pageY - document.getElementById("divScreenshot").offsetTop;
        t = "4" + " " + pos_x + " " + pos_y

    }
<div id="divScreenshot" onclick="set_coordinates(event)" onmousedown="set_coordinates_down(event) " onmouseup="set_coordinates_up(event) " >
                <asp:Image ID="imgScreenshot" runat="server"  />
            </div>

Answer 1

您是否考虑过使用 jQuery UI？可能会有一点学习曲线，但他们已经使用了 Draggable 插件来使几乎任何对象都可以拖动。自己做固然好，但为什么要重新发明轮子？

JQuery UI - Draggable