Javascript 如何在点击并按住jQuery时更改td颜色

我试图得到一个网格来填充tds的颜色点击并按住

我有它的地方，点击填充一个单一的单元格，但现在我试图让它填充一个点击和按住单元格以及

我曾尝试在

mouseup

、

mousedown

和

mousehover

上使用事件侦听器，但我似乎找不到合适的组合使其工作。有什么指导吗

//创建网格并用颜色填充的单页应用程序
//单击时
//制作画布的函数
函数makeGrid（高度、宽度）{
对于（i=0；i
正文{
文本对齐：居中；
字体系列：“开放式Sans”，无衬线；
}
h1{
字体系列：“格里菲”，草书；
字体大小：70px；
边缘：0.2米；
}
氢{
边缘：1米0.25米；
字号：100；
}
h2：第一种类型{
边缘顶部：0.5em；
}
桌子
tr，
运输署{
边框：1px纯黑；
}
桌子{
边界塌陷：塌陷；
保证金：0自动；
}
tr{
高度：20px；
}
运输署{
宽度：20px；
}
输入[类型=数字]{
宽度：6em；
}
分区选择{
边框：1px纯黑；
左缘：20%；
保证金权利：20%；
垫底：15px；
背景色：白烟；
边界半径：25px；
}

像素艺术制作人！
实验室：像素艺术制作人
选择网格大小
网格高度：
网格宽度：
挑选颜色
设计画布
尝试使用
mousedown
/
mouseover
/
mouseup
/
mouseleave
如下所示<代码>单击

将不再需要

mouseleave

是必需的，因为

#tableBody

无法跟踪

mouseup

。如果将侦听器挂接到

document

的

mouseup

，则可以删除它

//创建网格并用颜色填充的单页应用程序
//单击时
//制作画布的函数
函数makeGrid（高度、宽度）{
对于（i=0；i
正文{
文本对齐：居中；
字体系列：“开放式Sans”，无衬线；
}
h1{
字体系列：“格里菲”，草书；
字体大小：70px；
边缘：0.2米；
}
氢{
边缘：1米0.25米；
字号：100；
}
h2：第一种类型{
边缘顶部：0.5em；
}
桌子
tr，
运输署{
边框：1px纯黑；
}
桌子{
边界塌陷：塌陷；
保证金：0自动；
}
tr{
高度：20px；
}
运输署{
宽度：20px；
}
输入[类型=数字]{
宽度：6em；
}
分区选择{
边框：1px纯黑；
左缘：20%；
保证金权利：20%；
垫底：15px；
背景色：白烟；
边界半径：25px；
}

像素艺术制作人！
实验室：像素艺术制作人
选择网格大小
网格高度：
网格宽度：
挑选颜色
设计画布
请不要将您的代码发布到第三方链接，因为这些链接可能会随着时间的推移而消失。只需在你的问题中插入一个“代码片段”。此外，您还应该包含足够多的相关HTML和CSS，以便我们可以为您提供一个正在使用的示例，并为您提供一个有效的答案。@ScottMarcus收到，感谢您将CSS放在那里！谢谢，我真的很感激！那很有效！我现在明白了。我是前端开发的新手。你能解释一下为什么在函数前面有一个“（？）吗？还有，为什么在末尾有一个额外的“（）”？啊，关于
（
）：如果我刚刚声明
var isMouseDow