У меня есть простой Javascript-код, похожий на этот:
var mouseIsDown = false;
...
function canvasMouseDown(e) {
...
mouseIsDown = true;
}
function canvasMouseUp(e) {
mouseIsDown = false;
}
function canvasMouseMove(e) {
if (mouseIsDown) {
...
}
}
с реализацией моего собственного пользовательского интерфейса для преобразований (трансляции, масштабирование и вращения) с холстом.
Такая реализация в canvasMouseMove()
проверяет функцию mouseIsDown
. Все работает отлично, если пользователь не отпускает кнопку мыши, когда курсор/указатель находится за пределами элемента холста. Если это произойдет, переменная mouseIsDown
останется true
и не отключена функцией canvasMouseUp
.
Что такое легкое исправление или решение в чистом JavaScript (без jQuery) для этой проблемы?