代码之家  ›  专栏  ›  技术社区  ›  Pete Alvin

html5:dragover(),drop():如何获取当前的x,y坐标?

  •  19
  • Pete Alvin  · 技术社区  · 14 年前

    在HTML5DND中拖动“dragover”和拖放(“drop”)之后,如何确定(x,y)坐标?

    我发现了一个网页,描述了Dragover的x,y(看看e.offsetx和e.layerx,看看是否为各种浏览器设置了,但对于我来说,它们并没有设置)。

    对于drop(e)函数,您使用什么来找出它在当前drop目标中实际被丢弃的位置?

    我正在写一个在线电路设计应用程序,我的下降目标是大。

    我需要下拉到鼠标级别才能找到x,y还是html5提供了更高级别的抽象?

    1 回复  |  直到 9 年前
        1
  •  23
  •   robertc    13 年前

    财产 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上都可以。