本文介绍如何使用JavaScript结合鼠标按下事件,实现网页中一个粉色小方块的自由拖动功能。通过监听onmousedown事件并处理坐标计算,用户可以在页面上随意移动该方块,代码简洁且易于集成。
实现可拖动方块的核心逻辑
<div style="width:140px; height:140px; background-color:pink; cursor:pointer;" id="divBlock" onmousedown="divBlock_event_mousedown(arguments[0]);"></div> 注意:若引入外部JavaScript文件,需刷新页面后方可执行代码。