在我按住鼠标的同时添加javascript

我写了一个简单的“画图应用程序”，它在我点击时附加一个div，但只发生一次，现在我想在我点击并按住鼠标按钮时附加一个div，就像一个真实的画图一样，但我不知道如何添加任何想法

$（'main'）。单击（函数（事件）{
var mouseX=event.pageX；
var mouseY=event.pageY；
控制台日志（mouseX）；
$（此）。附加（“”）；
})

#主{
宽度：1000px；
高度：800px；
边框：2件纯黑；
}
史密斯先生{
位置：绝对位置；
宽度：20px；
高度：20px；
背景：红色；
左：0px；
顶部：0px；
}

使用

mousedown

来检测鼠标何时按下，

mousemove

来检测移动，以及

mouseup

来检测鼠标何时松开。为什么不使用画布进行绘制？