Javascript 双击或单击时画布出现问题？

我有一个画布，在双击事件时，我会在画布上创建一个长方体对象。在长方体对象上，我想指定一个单击事件，但出现的问题是因为长方体在画布中绘制。单击也会在画布上注册，下一次单击会创建另一个框。

您如何处理每个框？您不希望将click处理程序和dblclick处理程序分配给同一个元素

就我个人而言，我会分配一个点击处理程序，检查用户点击的范围，看看它是否在画布上创建的rect中，然后做你需要的事情。对于双击，我会在click事件中设置某种时间阈值，以确定是否是双击