Estoy creando un juego de peligro basado en la web y parece que me he encontrado con un problema.
cuando hago clic derecho para editar el nombre de un jugador, aparecerá un menú de entrada.
La próxima vez que haga clic en editar, aparecerán dos menús... Esto es un poco difícil de explicar para mí, así que vinculé un video con una demostración de cuál es el problema.
Código JavaScript
let player1_name_edit = document.getElementById('player1-name-edit') let editButton = document.getElementById('edit-context-menu') // Gets 'edit-context-menu' from DOM let inputMenu = document.getElementById('input-menu') var cancelButton = document.getElementById('cancel-context-menu') // Gets 'cancel-context-menu' from DOM player1_name_edit.addEventListener('contextmenu', function(event) { if(event.target == player1_name_edit) { event.preventDefault() showEditMenu() editButton.addEventListener('click', function() { createInputMenu() inputMenu.addEventListener('keyup', function(event) { if(event.key === 'Enter') { let inputMenuValue = document.getElementById('name-input') player1_name_edit.innerText = inputMenuValue.value removeInputMenu() } }) }) } })