I realise minesweeper game using JavaScript. I need to defer 3 events (press left button, press right button, press left and right simultaneously) using mousedown handler.
let isLeftMouseDown = false;
let isRightMouseDown = false;
let timer,
timeout = 100;
function clickCell(event){
let $target = event.target;
let clickCell = getCellById($target.id);
let isRightMB;
let isLeftMB;
event = event || window.event;
if ("which" in event){
isRightMB = event.which == 3;
isLeftMB = event.which == 1;
}
else if ("button" in event){
isRightMB = e.button == 2;
isLeftMB = e.button == 0;
}
if(isLeftMB){
isLeftMouseDown = true;
}
else if(isRightMB){
isRightMouseDown = true;
}
if(!timer){
timer=setTimeout(function(){
if(isLeftMouseDown){
if(!clickCell.flag){
$($target).removeClass("close").addClass("open0");
}
}
else if(isRightMouseDown){
toggleFlag(clickCell)
}
}, timeout)
}
else{
clearTimeout(timer);
timer = null;
if(isLeftMouseDown && isRightMouseDown){
openCellEnviroment($target);
}
}
}
$field.on('mousedown', clickCell);
I used setTimeOut but it works not perfect. I want to know anything else way.