Is there a way to know which button was pressed without making a new handler in JS?

Question

I want to use the same button handler for a vanilla JS script. Is there a way to use something like an event handler to get the ID of the button which was pressed, and pass that into the subroutine?

Pseudocode to get the point across

document.addEventListener('buttonClick', (event) => {
    drawComponent(event.clientX, event.clientY, event.buttonID);
})

I'm using ASP.Net MVC, electron, and the Razor View Engine if that's relavent.

event.button: https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button — ControlAltDel, Feb 16 '22 at 20:30
https://stackoverflow.com/questions/10428562/how-to-get-javascript-event-source-element — PM 77-1, Feb 16 '22 at 20:31
@ControlAltDel I didn't mean mouse button, I meant a HTML button. Apologies for confusion — Marf Bot, Feb 17 '22 at 11:18

score 1 · Accepted Answer · answered Feb 17 '22 at 13:36

1

Use event.target

document.addEventListener('buttonClick', (event) => {
    console.log("element: " + event.target);
    drawComponent(event.clientX, event.clientY, event.buttonID);
})

answered Feb 17 '22 at 13:36

ControlAltDel

33,923
10
53
80

Is there a way to know which button was pressed without making a new handler in JS?

1 Answers1