Question

我有一个asp.net图像控件，我正在尝试模拟它上面的拖动事件（我不希望图像移动）。我只需要初始和最终位置的坐标。 mousedown事件被触发但是鼠标注册事件不会被触发。你能帮帮我吗？

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

Answer 2

尝试绑定图像上的事件而不是容器div。

鼠标向上javascript事件没有触发图像控件

2 个答案: