进入全屏模式时如何识别真正的鼠标移动

西蒙·费恩德里格(Simon Ferndriger)

我有一个问题,我需要知道用户在进入全屏模式时是否真正移动了鼠标,或者仅仅是进入全屏模式的副作用。

因为在进入全屏模式时,鼠标Y坐标会自动更改,因为鼠标会在绝对屏幕位置上向上移动(因为浏览器的顶部导航消失了)。而且由于每个浏览器都以全屏模式发出通知,因此该通知会触发mousemove事件。

因此,这使得找出用户是否按鼠标移动鼠标非常痛苦。

是否有解决方案来识别真正的鼠标移动?


$(document).on('mousemove', function(event){
   /* gets also triggered when just entering fullscreen,
      but without actual movement of the physical mouse..
      how can this be identified/ignored?
   */
});

JS Fiddle


到目前为止我尝试过的

我已经尝试过使用类似的方法来使鼠标位置相对应window.screen.top-但这到目前为止尚未被任何浏览器实现。

西蒙·费恩德里格(Simon Ferndriger)

我现在通过保存鼠标坐标来解决它,并检查它们是否更改-我在全屏后强制执行一次mousemove事件以一次更新坐标。

$(document).on('mousemove', function(event){
    if(event.pageX == $(this).data('mouseX') && event.pageY == $(this).data('mouseY'))
         return;
    $(this)
        .data('mouseX',  event.pageX)
        .data('mouseY',  event.pageY)
    ;
});
$(document).mousemove();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在进入或离开全屏模式时,如何防止mplayer恢复/播放?

来自分类Dev

为什么当我将UILabel移动到某个点时,进入全屏模式后它会被移动吗?

来自分类Dev

如何使用代码使Lightgallery进入全屏模式?

来自分类Dev

分别进入VR模式内外时,如何从鼠标切换到凝视或凝视到鼠标光标?

来自分类Dev

iframe进入全屏模式

来自分类Dev

WinForm进入全屏模式

来自分类Dev

WinForm进入全屏模式

来自分类Dev

当鼠标进入另一个按钮时如何移动多个按钮

来自分类Dev

进入全屏模式时屏幕冻结-Ubuntu 16.04 LTS

来自分类Dev

进入全屏模式时屏幕冻结-Ubuntu 16.04 LTS

来自分类Dev

如何识别 QGraphicsView 鼠标移动事件?

来自分类Dev

如何让小部件在 Qt 中永远不会进入全屏模式?

来自分类Dev

如何在启动时使emacs真正全屏显示?

来自分类Dev

如何在MacOS上将鼠标悬停时显示工具栏,以在Chrome中重新启用适当的全屏模式?

来自分类Dev

fabric.js-鼠标移动时结束自由绘图模式

来自分类Dev

用户进入当前网页时,以全屏模式自动打开html 5视频

来自分类Dev

以编程方式强制UIWebView进入全屏模式

来自分类Dev

以编程方式强制UIWebView进入全屏模式

来自分类Dev

当Flash由于在另一个监视器中单击鼠标而失去焦点时,如何阻止Flash退出全屏模式?

来自分类Dev

我们如何在JavaScript中以编程方式进入和退出全屏模式?

来自分类Dev

如何强制应用进入全屏模式(切入友好状态)

来自分类Dev

如何从全屏模式退出

来自分类Dev

如何退出全屏模式?

来自分类Dev

如何退出全屏模式?

来自分类Dev

C#:如何让窗口真正全屏显示

来自分类Dev

鼠标移动时的空闲事件 - 如何在鼠标移动时永久停止脚本

来自分类Dev

如何在退出全屏模式时引起样式更改

来自分类Dev

如何防止状态栏在单击时以全屏模式显示

来自分类Dev

使鼠标进入时 Timage 向下左移动 3 个像素,鼠标离开时使 Timage 返回原始位置

Related 相关文章

  1. 1

    在进入或离开全屏模式时,如何防止mplayer恢复/播放?

  2. 2

    为什么当我将UILabel移动到某个点时,进入全屏模式后它会被移动吗?

  3. 3

    如何使用代码使Lightgallery进入全屏模式?

  4. 4

    分别进入VR模式内外时,如何从鼠标切换到凝视或凝视到鼠标光标?

  5. 5

    iframe进入全屏模式

  6. 6

    WinForm进入全屏模式

  7. 7

    WinForm进入全屏模式

  8. 8

    当鼠标进入另一个按钮时如何移动多个按钮

  9. 9

    进入全屏模式时屏幕冻结-Ubuntu 16.04 LTS

  10. 10

    进入全屏模式时屏幕冻结-Ubuntu 16.04 LTS

  11. 11

    如何识别 QGraphicsView 鼠标移动事件?

  12. 12

    如何让小部件在 Qt 中永远不会进入全屏模式?

  13. 13

    如何在启动时使emacs真正全屏显示?

  14. 14

    如何在MacOS上将鼠标悬停时显示工具栏,以在Chrome中重新启用适当的全屏模式?

  15. 15

    fabric.js-鼠标移动时结束自由绘图模式

  16. 16

    用户进入当前网页时,以全屏模式自动打开html 5视频

  17. 17

    以编程方式强制UIWebView进入全屏模式

  18. 18

    以编程方式强制UIWebView进入全屏模式

  19. 19

    当Flash由于在另一个监视器中单击鼠标而失去焦点时,如何阻止Flash退出全屏模式?

  20. 20

    我们如何在JavaScript中以编程方式进入和退出全屏模式?

  21. 21

    如何强制应用进入全屏模式(切入友好状态)

  22. 22

    如何从全屏模式退出

  23. 23

    如何退出全屏模式?

  24. 24

    如何退出全屏模式?

  25. 25

    C#:如何让窗口真正全屏显示

  26. 26

    鼠标移动时的空闲事件 - 如何在鼠标移动时永久停止脚本

  27. 27

    如何在退出全屏模式时引起样式更改

  28. 28

    如何防止状态栏在单击时以全屏模式显示

  29. 29

    使鼠标进入时 Timage 向下左移动 3 个像素,鼠标离开时使 Timage 返回原始位置

热门标签

归档