我想在我的网站中制作一个旋转工具,在画布内的图像中。作为我的第一步,我想每次都找到鼠标坐标,以便稍后强制图像根据此旋转。我知道我可以使用 mousemove 只要我移动鼠标,它就会给我坐标。但我想要的是按住鼠标并移动它然后获取坐标。所以不仅仅是鼠标移动,而是鼠标点击并移动。有没有办法做这样的事情?
提前致谢
我想在我的网站中制作一个旋转工具,在画布内的图像中。作为我的第一步,我想每次都找到鼠标坐标,以便稍后强制图像根据此旋转。我知道我可以使用 mousemove 只要我移动鼠标,它就会给我坐标。但我想要的是按住鼠标并移动它然后获取坐标。所以不仅仅是鼠标移动,而是鼠标点击并移动。有没有办法做这样的事情?
提前致谢
没有真正的组合事件,但您可以设置一个变量来检查鼠标是否被按住,然后只处理坐标,如果它是真的?见:http: //jsfiddle.net/Vrpd3/1/
'mouseout' 事件是在拖出元素后停止录制,释放单击然后将鼠标悬停在上面。
看看这个页面。
您可以根据需要进行更改。
http://jqueryui.com/demos/draggable/
http://jqueryui.com/demos/draggable/#events
它是 Jquery 的可拖动工具。
$('#id').draggable({
drag: function(event, ui) {
var toppos =ui.position.top
var leftpos = ui.position.left
}
});
因此,对于每次拖动,您都可以知道可拖动对象的位置。是的,您将从最初放置可拖动 div 的位置获得相对位置。而不是页面内的绝对值。
如果您的目标是在单击鼠标时移动鼠标时获取 X、Y 线,请查看此JsFiddle *大部分代码直接取自 jQuery 文档,我只是做了一些更改。 如果你想拖动一个对象并在拖动时得到协调,我错了,上面的例子对你的情况没有用