本文介绍如何使用JavaScript实现鼠标拖动元素后的轨迹记录功能，并提供代码演示。通过简单的HTML和JS交互，用户可以拖动元素并选择是否记录轨迹，进而回放该轨迹。
拖动轨迹记录与回放效果
效果如图所示：
JavaScript实现代码演示
演示代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>拖动_轨迹运行</title> <style type="text/css"> * {margin:0px;padding:0px;} #div1 {position:relative;left:200px;top:200px;width:100px; height:100px; background-color:#f60;cursor:move;} </style> </head> <body> <div>随意拖动那个小方块几秒钟</div> <label for="rad1"><input type="radio" id="rad1" name="rad" checked="checked"/>记住轨迹</label> <label for="rad2"><input type="radio" id="rad2" name="rad"/>不记住轨迹</label> <div id="div1"> </div> </body> </html>[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]