在JavaScript中，你可以使用onmousedown和onmousemove事件来实现拖拽功能，并使用getBoundingClientRect()方法来获取鼠标在文档中的位置。

以下是一个简单的示例：

```javascript // 获取文档 var doc = document.documentElement;

// 拖拽事件监听器 doc.addEventListener('mousedown', function(e) { // 获取鼠标在文档中的位置 var rect = e.clientX - doc.clientLeft; var rect = rect / (doc.clientWidth - doc.clientWidth) * 100;

// 设置拖拽开始的坐标 var start = rect;

// 拖拽事件监听器 doc.addEventListener('mousemove', function(e) { // 更新鼠标在文档中的位置 var rect = e.clientX - doc.clientLeft; var rect = rect / (doc.clientWidth - doc.clientWidth) * 100;

// 更新拖拽的坐标
var target = e.clientX - doc.clientLeft;
var target = target / (doc.clientWidth - doc.clientWidth) * 100;

// 如果在目标坐标处，将坐标添加到拖拽结束的坐标
if (target >= start && target <= end) {
  var end = target;
}

}); }); ```

这个示例监听了mousedown事件，并在mousemove事件中更新鼠标在文档中的位置。如果鼠标在目标坐标处（即目标坐标大于等于开始坐标，小于等于结束坐标），则将目标坐标添加到拖拽结束的坐标。