鼠标movementX是如何在拖动事件上工作的？
鼠标movementX是如何在拖动事件上工作的？
提问于 2018-02-15 20:03:12
我正在尝试设置动态可拖动元素，它将根据拖动增量移动其锚点。但是，我似乎无法使用event.movementX或event.movementY获取增量。
我的简单拖动事件代码：
mainMenuDiv.addEventListener("drag", (event)=>{
console.log(event.movementX, event.movementY);
});
// The console print out is simply:
//>0 0
// This prints out a lot of times as i drag the mouse but doesn't change the properties.我想我遗漏了一些关于movement属性处理drag事件的方式。
回答 2
Stack Overflow用户
发布于 2018-09-27 07:29:11
我也不能让它工作，所以我只做了以下操作：
var start = null, delta = null
el.addEventListener('dragstart', e => {
start = {x: e.clientX, y: e.clientY}
})
el.addEventListener('drag', e => {
delta = {x: e.clientX - start.x, y: e.clientY - start.y}
})
el.addEventListener('dragend', e => start = delta = null)Stack Overflow用户
发布于 2021-10-30 10:39:31
您也可以使用e.nativeEvent.offsetX和e.nativeEvent.offsetY。
不过，我不知道浏览器支持什么。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48806827
复制相关文章
相似问题
腾讯云开发者
