鼠标向上移动javascript事件未在图像控件上触发
我有一个asp.net图像控件,正在尝试在其上模拟拖动事件(我不希望图像移动)。我只需要初始位置和最终位置的坐标。mousedown事件被激发,但mouse up事件没有被激发。你能帮我吗鼠标向上移动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
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的开发工具,它们在这些情况下帮助很大。