1.设置可拖拽目标.设置属性draggable="true"实现元素的可拖拽.2.监听dragstart，通过DataTransfer设置拖拽数据3.为拖拽操作设置反馈图标(可选)4.设置允许的拖放效果，如copy,move,link5.设置拖放目标，默认情况下浏览器阻止所有的拖放操作，所以需要监听dragenter或者dragover取消浏览器默认行为使元素可拖放.6.监听drop...

一、功能模块 先看下现在做完的效果： 线上体验：[链接]主要功能模块为：1.人机对战功能2.悔棋功能3.撤销悔棋功能 二、代码详解 2.1 人机对战功能实现 从效果图可以看到，棋盘的横竖可以放的位置为15*15，通过canvas画棋盘： {代码...} 知道格子数后，我们先看五子棋有多少种赢法： {代码...} 根据赢法总数定义分别保存...