javascript - 无库拖动后 Mouseup

Question

我有一些纯 css 快照滚动功能，我想在用户停止拖动后检测元素相对于视口的位置。问题是我不想使用一些花哨的库，因为我不需要实际移动或放下东西。我只是不想在 mouseup 上触发事件。我的问题是，在按下鼠标左键的同时移动光标后，mouseup 事件不会触发。顺便提一句。我正在使用 Vu3

<span id="handle" class="card-handle" onmouseup="myMethod"></span>

我希望找到一个轻量级的解决方案，因为我真的不需要所有这些拖动功能

Answer 1

据我所知，你可以尝试类似

<span id="handle" class="card-handle" ondragend="myFunction(event)" draggable="true"></span>

在你的方法中

methods: {
   myFunction() {
    var x = e.clientX;
    var y = e.clientY;
    var coor = "Coordinates: (" + x + "," + y + ")";
    console.log(cor);
  }
}