跟踪jsplumb画布上的鼠标坐标

时间:2016-08-02 18:53:21

标签: javascript angularjs html5 jsplumb

所以我一直在尝试为jsplumb画布中的对象实现“粘贴”功能,但我无法弄清楚如何在鼠标画布中找到x和y位置。我已经尝试使用ng-mouseover属性来跟踪它,但是当我移动到画布外部/内部时,以及当我移入和移出对象时,它只返回正确的事件。这是一段摘录:

<js-plumb-canvas ng-click="setActiveStateFromEvent($event)" ondragover="event.preventDefault()" ng-mousemove="updatePos(e)" ondrop="event.preventDefault(); $(this).scope().drop(event)" on-connection="onConnection"
                                   x="canvas.x" y="canvas.y" zoom="canvas.zoomlevel"
                                 ng-style="{left: '-1000px', top: '-1000px'}">
                        <div ng-if="!refreshing" ng-include="'partials/defaultState.html'"></div>
                    </js-plumb-canvas>

这是功能:

$scope.updatePos = function(e) {
        console.log(e);
    };

0 个答案:

没有答案