在AngularJS中的滚动事件上获取鼠标位置

Posted 2023-03-10

【中文标题】在AngularJS中的滚动事件上获取鼠标位置

【英文标题】：Getting mouse position on scroll event in AngularJS

【发布时间】：2015-03-11 16:40:21

【问题描述】：

我可以在滚动事件中获得鼠标位置吗？

如果我有代码：

    angular.element($window).bind("scroll", function() 
        console.log("scroll");
        // mouse position (x,y) ?
    );

【问题讨论】：

滚动事件参数是偏移量而不是鼠标位置。您获得 mousemove 事件的鼠标位置。 ***.com/questions/18953144/…

【参考方案1】：

angular.element($window).bind("scroll", function(event) 
    console.log("scroll");
    console.log(event.clientX, event.clientY); //relative to window
    console.log(event.pageX, event.pageY); //relative to window
);

【讨论】：

undefined undefined for x y

【参考方案2】：

你可以使用

angular.element($window).bind("scroll", function(event) 
   console.log("scroll");
   var domElem = event.target;

   var nbPXFromTop = domElem.scrollTop; //nb of pixel from the top 
   var nbPxFromLeft = domElem.scrollLeft;
);

【讨论】：

OP 询问鼠标位置