Javascript 将Eventlistener添加到两个画布元素

我尝试了画布和Javascript。我编写了一个函数来绘制一个带有id的Canvas元素，并添加一些事件侦听器，这样我就可以通过按住鼠标并移动它来上下拖动该元素

我的问题是，当我用一个单独的id创建第二个画布元素时，我可以拖动它，但第一个元素不会再移动了。以下是我添加事件侦听器的方式：

canArray.push（画布）；
//警报（卡纳雷长度）；
对于（变量i=0；i

希望您理解我的问题，并了解如何处理我的问题，以便两个画布元素都能获得事件侦听器

编辑：

---

我的作品有一个版本。您可以看到，我可以通过单击上下移动条。但是，当您删除第9行的注释并运行代码时，令人惊讶的是，第二个栏无法按计划工作，而第一个栏根本无法工作！：（

你能分享你用来移动（处理程序）的代码吗？代码片段不可运行，请设置一个工作示例。当前的代码量并不能给我们提供太多的见解。我在每个函数中将上下文从全局改为参数，但显然它不适用于第一个画布：/anyideas？：）另一种情况，同样的问题：/