javascript - 在 mouseup 按钮事件发生后报告 x,y 坐标

Question

这个 jsfiddle 允许一个人在一个正方形周围拖动。它使用 angularjs。

http://jsfiddle.net/zargyle/35z4J/

我希望控制台在抬起鼠标按钮后报告 x,y 坐标。目前，控制台仅发送 STOPPING 消息。下面是相关的 Controller 代码。

.controller('testCtrl', function($scope) { 
    $scope.dragOptions = {
        start: function(e) {
          console.log("STARTING");
        },
        drag: function(e) {
          console.log("DRAGGING");
        },
        stop: function(e) {
          console.log("STOPPING");
        },
        container: 'container'
    }

如何修改代码，使控制台在鼠标按钮抬起后报告 x、y 坐标？

编辑:已经为鼠标指针的 x,y 坐标提供了答案。假设我想获得正方形中心的 x,y 坐标。怎么办？

Answer 1

尝试 console.log("X: %o.Y: %o", e.x, e.y)。