Javascript: возвращение карты свойств из функции

Question

Вот мой код `

function currentCursPos(){
$(document).mousemove(function(e){ var pos= {"x":e.pageX,"y":e.pageY}; return pos });
}
function clrpckrTopPos(){
    //var cursorPos={};
    var cursorPos=currentCursPos();
    if(cursorPos.y<$("#colorpickerDiv").height()){return cursorPos.y+$("#colorpickerDiv").height()}
    if(cursorPos.y>$("#colorpickerDiv").height()){return cursorPos.y}//colorpickerDiv2 and colorpickerDiv have same height
}   `

.Я получаю сообщение об ошибке: «cursorPos не определено».Любые идеи, как решить задачу возврата карты свойств из функции.Какую ошибку я делаю?

Answer 1

currentCursPos ничего не возвращает.
Возврат из обработчика mousemove внутри функции не заставляет внешнюю функцию ничего возвращать.

Answer 2

Просто сохраните текущую позицию курсора в глобальной переменной на mouseMove:

var pos;
$(document).mousemove(function(e) { pos = { x: e.pageX, y: e.pageY }; });

function clrpckrTopPos(){
    if (pos.y < $("#colorpickerDiv").height())
        return pos.y + $("#colorpickerDiv").height();

    if (pos.y > $("#colorpickerDiv").height())
        return pos.y;
}  

Answer 3

Вы можете решить эту проблему, используя глобальные переменные:

var x = 0;
var y = 0;
$(document).mousemove(function(e){ x = e.pageX; y=e.pageY; });
function clrpckrTopPos(){
    if(y<$("#colorpickerDiv").height()){return y+$("#colorpickerDiv").height()}
    if(y>$("#colorpickerDiv").height()){return y}//colorpickerDiv2 and colorpickerDiv have same height
}