Событие .mousedown () не запускается на JScrollPane при нажатии на панель перетаскивания

Я пишу код, чтобы перетащить перетаскивание в нужное место, когда пользователь перетаскивает их вручную.

Я пытаюсь использовать событие .onmousedown (), чтобы получить позицию перетаскивания, когда пользователь наводит курсор мыши на нее, и сравнивать позицию в событии .onmouseup ().

Для mousedown:

var dragBarPosBefore = 0;
$(document).mousedown(function () {   
  dragBarPosBefore = ($(".jspPane").position().left) * -1;;  
  console.log(dragBarPosBefore);
});

а теперь mouseup:

var dragBarPos = 0;
$(document).mouseup(function () {
     dragBarPos = ($(".jspPane").position().left) * -1; 
     console.log(dragBarPos);
});

А потом я их сравниваю. Однако, когда я нажимаю на панель перетаскивания, работает только функция .mouseup (). мышка РАБОТАЕТ ТОЛЬКО, КОГДА Я НАЖИМАЮ В ЛЮБОМ месте, кроме DRAGBAR.

кто-нибудь знает причину и как это исправить? Большое спасибо!