Javascript jquery鼠标事件的问题

我目前正在为平铺地图制作方格。我已经设置好了，所以点击一块地砖会改变它的状态，从未探索变成探索。我正在尝试使用它，以便用鼠标向下拖动将更改所有底层瓷砖的状态，但是我似乎无法使其工作

我曾尝试使用mousedown和mouseup事件设置一个向下布尔值，然后在mouseover内部进行检查。我尝试了几种方法（例如注释掉的代码）来实现这一点。当前的代码将用于点击，但我真的希望能够做一个拖动改变倍数功能

var表串；
var宽度=35；
var高度=15；
var单元格=[]；
var localX；
局部变量；
功能单元（x，y，c）{
位置x=x；
位置y=y；
类别=c；
}
函数createMap（）{
对于（变量i=0；i
html，
身体{
身高：100%；
宽度：100%；
边际：0px；
填充：0px；
}
#主容器{
最大宽度：100%；
最高高度：90%；
宽度：100%；
身高：90%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
运输署{
宽度：25px；
高度：25px；
边框：.05px纯黑色；
}
.探索{
背景颜色：浅蓝色；
}
.未经探索{
背景颜色：浅珊瑚；
}
好的。使用
单击
事件不是您想要的，因为这涉及按下鼠标并释放鼠标

而是使用
mousemove
、
mousedown
和
mouseup
事件。另外，使用变量跟踪鼠标是否按下


var表串；
var宽度=35；
var高度=15；
var单元格=[]；
var localX；
局部变量；
var mouseDown=false；
功能单元（x，y，c）{
位置x=x；
位置y=y；
类别=c；
}
函数createMap（）{
对于（变量i=0；i
html，
身体{
身高：100%；
宽度：100%；
边际：0px；
填充：0px；
}
#主容器{
最大宽度：100%；
最高高度：90%；
宽度：100%；
身高：90%；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
运输署{
宽度：25px；
高度：25px；
边框：.05px纯黑色；
}
.探索{
背景颜色：浅蓝色；
}
.未经探索{
背景颜色：浅珊瑚；
}
您可以使用事件处理程序的事件参数检查鼠标是否按下。请看片段的最后几行


var表串；
var宽度=35；
var高度=15；
var单元格=[]；
var localX；
局部变量；
功能单元（x，y，c）{
位置x=x；
位置y=y；
类别=c；
}
函数createMap（）{
对于（变量i=0；i