当用户在页面上移动div时显示div的原始位置

当用户在页面上移动div时，可以通过监听鼠标事件来实现显示div的原始位置。具体步骤如下：

1. 首先，需要在页面中定义一个div元素，并设置其初始位置。

<div id="myDiv" style="position: absolute; left: 100px; top: 100px;">这是一个div元素</div>

1. 接下来，使用JavaScript来监听鼠标移动事件，并获取div的原始位置。

var div = document.getElementById("myDiv");
var originalLeft = div.offsetLeft;
var originalTop = div.offsetTop;

document.onmousemove = function(event) {
    var x = event.clientX;
    var y = event.clientY;
    
    // 计算div的新位置
    var newLeft = originalLeft + x;
    var newTop = originalTop + y;
    
    // 更新div的位置
    div.style.left = newLeft + "px";
    div.style.top = newTop + "px";
};

在上述代码中，我们通过offsetLeft和offsetTop属性获取了div元素的原始位置，并在鼠标移动事件中计算了div的新位置。最后，通过修改div的style.left和style.top属性来更新div的位置。

这样，当用户在页面上移动div时，div会显示在其原始位置上。这个功能可以用于实现一些拖拽效果或者其他需要记录元素位置的交互。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。产品介绍链接
• 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。产品介绍链接
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
• 腾讯云人工智能：提供丰富的人工智能服务和解决方案，如图像识别、语音识别等。产品介绍链接
• 腾讯云物联网套件：提供全面的物联网解决方案，帮助用户快速搭建物联网应用。产品介绍链接
• 腾讯云移动推送：提供高效、稳定的移动消息推送服务，支持Android和iOS平台。产品介绍链接
• 腾讯云区块链服务：提供安全、高效、易用的区块链解决方案，满足不同场景的需求。产品介绍链接

请注意，以上仅为腾讯云的一些相关产品，其他云计算品牌商也提供类似的产品和服务。