js实现div色块拖动录制

(编辑：jimmy 日期: 2025/10/24 浏览：3 次 )

本文实例为大家分享了js实现div色块拖动录制的具体代码，供大家参考，具体内容如下

描述：

实现一个div50*50的色块，拖动它生成一个轨迹，松手后，这个div会重复你刚才拖动的这个路径。

效果：

代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    div
    {
      width: 50px;
      height: 50px;
      background-color: deepskyblue;
      position: absolute;
      border: 2px solid #656565;
    }
  </style>
  <script src="/UploadFiles/2021-04-02/Method.js">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

上一篇：使用Karma做vue组件单元测试的实现
下一篇：js实现图片实时时钟