Морской бой в JavaScript - странное поведение курсора (не бросать / не разрешено) при попытке перетащить и выбрать корабли - PullRequest
0 голосов
/ 08 мая 2020

Я делал игру «Морской бой», но происходит странная вещь, и ее невозможно воспроизвести. Иногда, когда я пытаюсь перетащить и выбрать корабли, мой курсор превращается в значок запрета / запрета и не позволяет мне выбрать более одного поля в сетке. Пример - https://snipboard.io/YmDtIh.jpg. Также кажется, что поля в сетке (которые я реализовал с помощью скрипта для создания 100 div с идентификатором и настраиваемым CSS позиционированием внутри контейнера игровой доски) «поднимаются» курсором, как будто браузер думает, что я хочу перемещать весь контейнер игрового поля вместо выбора полей для корабля. Для перетаскивания и выбора я сделал два прослушивателя событий - onmousedown, чтобы определить начало выделения, и onmouseup, который более сложен и помимо отслеживания того, где была выпущена мышь, проверяет, является ли выбор регулярным (например, я помещаю предупреждение, если пользователь пытается выбрать более 4 полей в строке / столбце, потому что самый большой корабль имеет длину 4 поля. Кто-нибудь имеет представление о причине такого странного поведения курсора? Это происходит как в Chrome, так и Firefox.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...