Javascript 可拖动div:其行为类似于第二次拖动时的图像
我的页面中有一个可拖动的div。在第一次拖动时,它可以完美地工作。在第二次拖动时,它开始工作,但随后div似乎被“捕获”,就像它是一个图像一样-拖动停止,div的“副本”出现,mouseup事件未注册。如果我不够清楚的话,这和男人的问题是一样的: 你知道是什么导致了这种情况,以及如何克服它吗 谢谢 编辑:好的,我已经找到了答案,谢谢你的提问。要保存将来的访问者,请单击Javascript 可拖动div:其行为类似于第二次拖动时的图像,javascript,jquery,html,firefox,drag,Javascript,Jquery,Html,Firefox,Drag,我的页面中有一个可拖动的div。在第一次拖动时,它可以完美地工作。在第二次拖动时,它开始工作,但随后div似乎被“捕获”,就像它是一个图像一样-拖动停止,div的“副本”出现,mouseup事件未注册。如果我不够清楚的话,这和男人的问题是一样的: 你知道是什么导致了这种情况,以及如何克服它吗 谢谢 编辑:好的,我已经找到了答案,谢谢你的提问。要保存将来的访问者,请单击dragStart函数,确保以event.preventDefault()结束: //将dragStart处理程序绑定到适当的元素
dragStart
函数,确保以event.preventDefault()结束:
//将dragStart处理程序绑定到适当的元素:
$(“#handle”).bind(“mousedown”,函数(e){dragStart(e)});
函数dragStart(事件){
//将mousemove和mouseup处理程序绑定到$(文档),
//获得初始职位等
...
//然后这样做:
event.preventDefault();
}
嘿,普雷斯托,一切都很好 >P> @理查德:同样,在CSS中考虑如下:
#handle {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
这将禁用拖动时意外选择的元素。您能显示一些代码吗?这是一个jquery拖拽,纯js,html5..?如果你找到了答案,请你把它标记为已回答。
#handle {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}