How to use onmousedown with grid in a for loop javascript

Question

I am trying to get a right-click event to be used with grid in a for loop... I'm not sure if I can use onmousedown in a for loop? please check my code...

document.addEventListener("contextmenu", function (e) {
        e.preventDefault();
    }, false);

for (var i = Math.max(cellRow - 1, 0); i <= Math.min(cellRow + 1, 9); i++) {
  for (var j = Math.max(cellCol - 1, 0); j <= Math.min(cellCol + 1, 9); j++) {
    grid.rows[i].cells[j].onmousedown = function (event) {
      if (event.which == 3) {
        grid.rows[i].cells[j].innerHTML = "f";
      }
    }
  }
}

how do i use oncontextmenu with the grid? I do use oncontextmenu but i'm not sure if it works in the for loop. Is the grid code correct? — macuser, Nov 03 '21 at 01:34
Does this answer your question? [Is right click a Javascript event?](https://stackoverflow.com/questions/2405771/is-right-click-a-javascript-event) — flakerimi, Nov 03 '21 at 01:37

score 0 · Answer 1 · answered Nov 03 '21 at 01:55

Play with e.target to get what you need.

document.addEventListener("contextmenu", function (e) {
        e.preventDefault();
        console.log(e.target.textContent);
    }, false);

You dont need this part:

grid.rows[i].cells[j].onmousedown = function (event) {
      if (event.which == 3) {
        grid.rows[i].cells[j].innerHTML = "f";
      }
    }

http://jsfiddle.net/RFFy9/

How to use onmousedown with grid in a for loop javascript

1 Answers1