Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/449.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检测触摸幻灯片是否将我带出平板电脑的浏览器窗口?_Javascript_Jquery_Touch_Mouseevent_Tablet - Fatal编程技术网

Javascript 如何检测触摸幻灯片是否将我带出平板电脑的浏览器窗口?

Javascript 如何检测触摸幻灯片是否将我带出平板电脑的浏览器窗口?,javascript,jquery,touch,mouseevent,tablet,Javascript,Jquery,Touch,Mouseevent,Tablet,我有一个应用程序,它可以通过点击最大化按钮全屏显示,并恢复回来,我有一个逻辑来检测,如果用户移出应用程序窗口,显示一个链接到恢复窗口的消息。它与浏览器的F11功能非常相似 用于检测鼠标在应用程序浏览器窗口外移动的Javascript代码对于桌面客户端来说运行良好,但对于平板电脑来说,这是一个问题。以下是代码: document.onmouseout = function(e){ if( e.clientY < 0 ) { jQuery("#restoreEleme

我有一个应用程序,它可以通过点击最大化按钮全屏显示,并恢复回来,我有一个逻辑来检测,如果用户移出应用程序窗口,显示一个链接到恢复窗口的消息。它与浏览器的F11功能非常相似

用于检测鼠标在应用程序浏览器窗口外移动的Javascript代码对于桌面客户端来说运行良好,但对于平板电脑来说,这是一个问题。以下是代码:

 document.onmouseout = function(e){
    if( e.clientY < 0 ) {
        jQuery("#restoreElement").show();
        jQuery("#restoreElement").delay(5000).fadeOut();
    }
}

我不知道平板电脑的事件以及如何检测这种情况。只是认为类似于鼠标移动/移出的触摸滑动元素应该有所帮助,但不确定。如果有人对此有所了解,请告诉我。

您不能在平板电脑上使用onmouseout或其他鼠标事件。这是一个特定的设备事件,如键盘事件

要使用tablet事件,请参阅此支持列表:


您需要创建鼠标事件和触摸事件。

您可能需要分别收听touchstart、touchmove和touchend事件,因为我认为触摸设备上不存在滚动/悬停/鼠标翻转和各自的*输出。