HTML5 canvas addEventListener

Question

我是HTML5画布的初学者。我觉得很难理解一个简单函数的参数的作用。这就是代码

.... 
 var putpoint=function(e)
  {
     context.beginPath();
      context.arc(e.clientX,e.clientY,radius,0,Math.PI*2); 
      context.fill();
  }
canvas.addEventListener('mousedown',putpoint);
 ...

这是一段我怀疑的代码。

• 参数＆＃39; e＆＃39;表示上述功能。

• ＆＃39; e＆＃39;的价值在哪里？

• mousedown事件实际上是什么

我是画布的初学者。请澄清我的疑惑。谢谢你提前!!

Answer 1

mousedown是Javascript中的内置事件，只要在元素上按下鼠标按钮（如按钮），就会触发该事件。因此，通过将事件处理程序附加到此事件，您可以编写自定义代码来处理事件。

Javascript还为您提供了一个事件对象，即e，在您的案例中加载了被触发的mousedown事件的所有详细信息，例如e.clientX和e.clientY给出了x和y - 事件触发时鼠标的坐标。事件对象e中有许多此类属性可用于对代码执行很酷的操作。