@kentos

Как прекратить перемещение элемента?

Здравствуйте, пишу виртуальную клавиатуру, и есть проблема, когда нажимаю на неё, он появляется все гуд, когда пытаюсь переместить её, то не получается её закрепить на том месте, где есть отпускаие кнопки мыши и т.д, как можно решить эту проблему? Прикреплю код

if (openKbBtn) {
		openKbBtn.addEventListener('click', () => {
			if (keyboard.classList.contains('d-none')) {
				keyboard.classList.remove('d-none');
			}
			else {
				keyboard.classList.add('d-none');
			}
		});

		keyboardTopbar.addEventListener('mousedown', (down) => {
			document.onmousemove = function(move) {
				keyboard.style.left = move.clientX - keyboard.offsetWidth / 2 + 'px';
				// console.log(move);
				keyboard.style.top = move.clientY - 5 + 'px';
			};
			keyboardTopbar.addEventListener('mouseup', (up) => {
				document.onmousemove = null;
				keyboardTopbar.onmouseup = null;
			})
		});

Если понадобится, вот сайт где есть эта клавиатура -- тык
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
@kentos Автор вопроса
Решил вопрос, на кейборде был повешен transform translate
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
23 нояб. 2024, в 01:31
1000 руб./за проект
23 нояб. 2024, в 00:16
2000 руб./за проект