Estoy haciendo un juego de ping pong en html canvas, tengo 4 botones, 2 para que cada jugador controle las paletas, pero no sé cómo controlarlas. Agregando un detector de eventos "onclick" y cambiando la velocidad y, esto no funciona, supongamos que presioné el botón de abajo para el jugador 1

La paleta bajará, pero cuando se suelta el botón, la paleta continúa hasta que se presiona otro botón.

Deje que los botones de control sean

 const p1up = document.getElementById('p1up') const p1down = document.getElementById('p1down') const p2up = document.getElementById('p2up') const p2down = document.getElementById("p2down")

Y esta es la clase de pádel

 class paddle { constructor(x, y) { this.x = x this.y = y this.ysp = 0 } draw() { ctx.fillStyle = "#fff" ctx.beginPath() ctx.rect(this.x, this.y, 10, 80) ctx.fill() } update() { this.y += this.ysp } limit() { this.y = clamp(this.y, 0, area.height) } }