HTML5 canvas 添加事件监听器

Question

我是初学者HTML5canvas.I感觉很难理解一个简单函数的作用parameter.Here就是代码

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

这是一段我有疑问的代码。

上面函数中的参数'e'是什么意思.
'e'的值从何而来
mousedown 事件的实际作用

我是初学者 canvas.Please 提前澄清我的 doubts.Thanks!!

Answer 1

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

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

HTML5 canvas 添加事件监听器

HTML5 canvas addEventListener

html

function

addeventlistener

html5-canvas