The issue of mousemove being too sensitive: when a user clicks to select a shape, it might trigger the mousemove event (the shape is moved by 1px).

[asturur]

Discussed in #10377

^{Originally posted by zhe-he January 2, 2025}
When the user clicks, can dragging be made lazy, for example, like this(It only enables the shape-moving functionality when the initial movement exceeds a specified number of pixels after pressing down)?

const __lastOnMouseDown = Canvas.prototype.__onMouseDown;
const __lastOnMouseMove = Canvas.prototype.__onMouseMove;
const __lastOnMouseUp = Canvas.prototype.__onMouseUp;

let moveCheckFlag = false;
const moveCheckDis = 5; 

Canvas.prototype.__onMouseMove = function (e) {
    if (moveCheckFlag && this._currentTransform?.target?.selectable) {
        const disX = e.pageX - e.pageY;
        const disY = e.pageY - e.pageY;
        if (Math.abs(disX) < moveCheckDis && Math.abs(disY) < moveCheckDis) return;
       moveCheckFlag = false;
    }
    __lastOnMouseMove.call(this, e);
}

Canvas.prototype.__onMouseDown = function (e) {
   moveCheckFlag = true;
   __lastOnMouseDown.call(this, e);
}
Canvas.prototype.__onMouseUp = function (e) {
   moveCheckFlag = false;
   __lastOnMouseUp.call(this, e)
}
```</div>