如何使用“AddEventListener”方法向 Canvas 元素添加双击事件？

Question

I'm just trying to add a double click event to a HTML5 Canvas element. It works fine with:

myCanvas.ondbclick

However, I want to use the addEventListener method to do that. I guess it might be a simple task but I googled everywhere and could not find it. What's the name of the event I should be using?

myCanvas.addEventListener('doubleclick?', function(){ 

  // Some dazzling stuff happens be here

});

Hope it's possible, don't wanted to "break" my coding consistency.

Answer 1

The event name is dblclick :

myCanvas.addEventListener('dblclick', function(){ 

  // Some dazzling stuff happens be here

});

Also your first example is wrong, it should say:

myCanvas.ondblclick