javascript - 双击事件也会触发 EaselJS 中的 Click 事件

Question

添加事件监听器

function Solitaire() {
    this.table.addEventListener("click", this.handleClick.bind(this));
    this.table.addEventListener("dblclick", this.handleDoubleClick.bind(this));
}

处理事件

Solitaire.prototype.handleDoubleClick = function(event) {
   console.log("DoubleClick");
};
Solitaire.prototype.handleClick = function(event) {
   console.log("Click");
};

双击事件的预期输出(在控制台中)

DoubleClick

但是我在控制台中得到的输出:

Click
Click
DoubleClick

Answer 1

我不了解 easeljs，但我可以告诉你它是如何在 jQuery 中完成的，你需要“破解”它才能使其真正工作。

var DELAY = 500;
$('#my_element').on('click', function(e){

++clicks; // Count the clicks

if(clicks === 1){
// One click has been made

var myTimerToDetectDoubleClick = setTimeout(function(){

console.log('This was a single click');
doStuffForSingleClick();
clicks = 0;
}, DELAY);

} // End of if
else{

// Someone is clicking pretty damn fast, they probably mean double click :p
clearTimeout(myTimerToDetectDoubleClick);
doStuffForDoubleClick();
clicks = 0;
}
}).on('dblclick', function(evt){

evt.preventDefault(); // cancel system's default double click
});

easeljs 事件处理的基本本质将保持不变。您可以在那里相应地模仿这种行为。