javascript - Mootools Drag 完成后获取元素的新位置

标签 javascript mootools draggable

我想获取左侧定位或 margin-left 的值或显示 div 元素已向左拖动多远的值。我不知道如何访问它。试图“向左”只会显示自动。

http://jsfiddle.net/nicekiwi/ZzwNt/1/

这可能吗?

假设我将图像向右拖动 20px,我希望 onComplete 中的警报框返回值 20。希望您能明白。

我尝试过使用 el.getCompulatedSize.compulatedLeft,但它只返回 0。

Mootools 1.4

谢谢。

最佳答案

我认为getScroll() function 就是您要查找的内容,因为它返回包含的 div 从左上角滚动的量。

onComplete: function(el){
    var imgPosition = el.getScroll();
    console.log(imgPosition.x);
    console.log(imgPosition.y);
}

以下是更新后的 fiddle 示例 - http://jsfiddle.net/ZzwNt/2/

希望这有帮助。

关于javascript - Mootools Drag 完成后获取元素的新位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11382242/

相关文章:

更改 Div 样式的 Javascript 函数

javascript - 无法生成使用js或php下载的文件

javascript - jquery 对话框 : drag dialog at any point

javascript - 如何使用具有浏览器兼容性的jquery获取文件上传的base_64字符串?

javascript - contenteditable 和 emberjs

javascript - 优雅降级是否适用于所有事物?对于每个 javascript 和 javascript 框架功能?

javascript - 使用 MooTools 类的静态方法和变量的最佳实践

javascript - 在mootools或javascript中动态创建对象

Javascript/CSS 后台定位/拖动

jquery - 为可放置的项目添加唯一的 ID