在HTML5DND中拖动“dragover”和拖放(“drop”)之后,如何确定(x,y)坐标?
我发现了一个网页,描述了Dragover的x,y(看看e.offsetx和e.layerx,看看是否为各种浏览器设置了,但对于我来说,它们并没有设置)。
对于drop(e)函数,您使用什么来找出它在当前drop目标中实际被丢弃的位置?
我正在写一个在线电路设计应用程序,我的下降目标是大。
我需要下拉到鼠标级别才能找到x,y还是html5提供了更高级别的抽象?
财产 clientX 和 clientY 应设置(在现代浏览器中):
clientX
clientY
function drag_over(event) { console.log(event.clientX); console.log(event.clientY); event.preventDefault(); return false; } function drop(event) { console.log(event.clientX); console.log(event.clientY); event.preventDefault(); return false; }
Here's a (somewhat) practical example 在firefox和chrome上都可以。