javascript - 变量类型改变

Question

如何更改此设置:

 canvas2.mousedown(function(e){handleMouseDown(e);});

此功能:

canvas2.addEventListener('mousedown', **then the functions here**);

我已经尝试过这些，但它们不起作用:

 canvas2.addEventListener('mousedown',function(e){handleMouseMove(e);}); 
 canvas2.addEventListener('mousedown',function(e)handleMouseMove(e));
 canvas2.addEventListener('mousedown',function(e),handleMouseMove(e));

Answer 1

如果您显示的“from”有效(或在您使用 jQuery 时有效)，则 canvas2 是一个 jQuery 对象(很可能)。大致相当于您的第一行，但在其中的 DOM 元素上:

canvas2[0].addEventListener('mousedown',function(e){handleMouseMove(e);}); 

或者实际上，简单地说:

canvas2[0].addEventListener('mousedown', handleMouseMove);

当然，如果您尝试将代码从 jQuery 迁移出去，您可能最终会将 canvas2 更改为其他内容，可能是直接的 DOM 对象。如果是这样，执行此操作时，请删除上面的 [0]。但是，如果您已经尝试过的第一行事情已经完成，那么它就会起作用，希望以上内容有所帮助。

<小时/>

旁注:您在示例中从 handleMouseDown 更改为 handleMouseMove。我已经忠实地完成了上面的操作，但请确保您将 mousedown 与 handleMouseDown 一起使用，并将 mousemove 与 handleMouseMove 一起使用>...