Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/399.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
鼠标向上移动javascript事件未在图像控件上触发_Javascript_Asp.net_Html_Image - Fatal编程技术网

鼠标向上移动javascript事件未在图像控件上触发

鼠标向上移动javascript事件未在图像控件上触发,javascript,asp.net,html,image,Javascript,Asp.net,Html,Image,我有一个asp.net图像控件,正在尝试在其上模拟拖动事件(我不希望图像移动)。我只需要初始位置和最终位置的坐标。mousedown事件被激发,但mouse up事件没有被激发。你能帮我吗 var t; function set_coordinates_up(event) { pos_x = event.offsetX ? (event.offsetX) : event.pageX - document.getElementById("divScreenshot").o

我有一个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>
vart;
功能设置坐标设置(事件){
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')
如果(hdf!=null)hdf.value=t+“”+pos\u x+“”+pos\u y
}
函数设置坐标向下(事件){
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”+“”+位置x+“”+位置y
}

您考虑过使用jQuery UI吗?可能有一点学习曲线,但他们已经做了Draggable插件,使几乎所有对象都可以拖动。自己动手很好,但是为什么要重新发明轮子呢


您考虑过使用jQuery UI吗?可能有一点学习曲线,但他们已经做了Draggable插件,使几乎所有对象都可以拖动。自己动手很好,但是为什么要重新发明轮子呢



尝试在映像而不是容器分区上绑定事件。

尝试在映像而不是容器分区上绑定事件。

请提供您尝试过的代码。我已更新了代码。谢谢。您是否知道,只有当鼠标仍在图像上方时,才会触发mouseup事件?如果鼠标在外部释放,您将无法获取事件,您需要从整个页面获取它。是的,我将在图像上方释放它。请提供您尝试过的代码。我已更新代码。谢谢。您是否知道,只有当鼠标仍在图像上方时,才会触发mouseup事件?如果鼠标被释放到外部,您将无法获取事件,您需要从整个页面获取它。是的,我正在图像上方释放它。我不想移动图像。我希望图像保持在原来的位置。因此,我单击图像,将鼠标移到图像上,然后在图像上释放鼠标。但是由于某些原因,鼠标上升事件没有启动。我不想移动图像。我希望图像保持在原来的位置。因此,我单击图像,将鼠标移到图像上,然后在图像上释放鼠标。但由于某些原因,鼠标上升事件没有启动。我不知道如何启动。您有任何有用的链接吗?这与您将它们绑定到div元素的方式类似!换句话说,定义onclick和其他属性称为绑定事件。因此,与其将它们绑定到,不如将它们绑定到使用asp加载的。我不知道如何使用asp。默认情况下,asp映像没有这些事件。通过使用asp:Image按钮,我得到了另一种解决方案。但是我还是不明白为什么上面的方法不起作用。尝试将您的代码编辑为:然后检查是否触发了正确的警报。这将告诉你你的javascript fns中的任何错误。他们可能正在阻止下一场火灾。或者使用谷歌chrome的开发工具,它们在这些情况下帮助很大。我不知道如何做到这一点。您有任何有用的链接吗?这与您将它们绑定到div元素的方式类似!换句话说,定义onclick和其他属性称为绑定事件。因此,与其将它们绑定到,不如将它们绑定到使用asp加载的。我不知道如何使用asp。默认情况下,asp映像没有这些事件。通过使用asp:Image按钮,我得到了另一种解决方案。但是我还是不明白为什么上面的方法不起作用。尝试将您的代码编辑为:然后检查是否触发了正确的警报。这将告诉你你的javascript fns中的任何错误。他们可能正在阻止下一场火灾。或者使用谷歌chrome的开发工具,它们在这些情况下帮助很大。