Как в js проверить зажата кнопка или нет?

Question

[dalnick]

Имеется игра на html5 в которой за движение в направлении вверх отвечает кнопка div, есть атрибут
onclick, при нажатии включается функция и персонаж поднимается на 15 пикселей вверх, как сделать так чтобы персонаж непрерывно поднимался пока кнопка зажата.

Мне нужно что-то типа этого, но чтобы работало не на клавишах а на кнопке

if (e.keyCode === 38 /* up */ || e.keyCode === 87 /* w */){
    moveUp()
  }

Answer 1

[Banan44]

onmousedown (зажали) --> какой-то код --> onmouseup (отпустили)
пример:

const block = document.querySelector('.block')
		let interval
		let count = 0
		
		block.addEventListener('mousedown', event => {
			console.log('зажали')
			interval = setInterval(() => {
				count++
				console.log(count)
			}, 50)
		})

		block.addEventListener('mouseup', event => {
			console.log('отпустили')
			clearInterval(interval)
		})

Comments

[dalnick]

А можно кодом? просто так непонятно я пробовал так:

<div id="up" class="up" onmousedown="moveUp()">↑</div>

не работает

[Евгений]

При событии mousedown запускаете свою функцию, в цикле или через setinterval например, и ждете событие mouseup, сработало - вышли из цикла или использовали clearinterval

[Евгений]

Banan44 я обычно вешал mouseup в обработчике mousedown)
Хз как лучше)