Javascript 如何检测触摸幻灯片是否将我带出平板电脑的浏览器窗口?
我有一个应用程序,它可以通过点击最大化按钮全屏显示,并恢复回来,我有一个逻辑来检测,如果用户移出应用程序窗口,显示一个链接到恢复窗口的消息。它与浏览器的F11功能非常相似 用于检测鼠标在应用程序浏览器窗口外移动的Javascript代码对于桌面客户端来说运行良好,但对于平板电脑来说,这是一个问题。以下是代码:Javascript 如何检测触摸幻灯片是否将我带出平板电脑的浏览器窗口?,javascript,jquery,touch,mouseevent,tablet,Javascript,Jquery,Touch,Mouseevent,Tablet,我有一个应用程序,它可以通过点击最大化按钮全屏显示,并恢复回来,我有一个逻辑来检测,如果用户移出应用程序窗口,显示一个链接到恢复窗口的消息。它与浏览器的F11功能非常相似 用于检测鼠标在应用程序浏览器窗口外移动的Javascript代码对于桌面客户端来说运行良好,但对于平板电脑来说,这是一个问题。以下是代码: document.onmouseout = function(e){ if( e.clientY < 0 ) { jQuery("#restoreEleme
document.onmouseout = function(e){
if( e.clientY < 0 ) {
jQuery("#restoreElement").show();
jQuery("#restoreElement").delay(5000).fadeOut();
}
}
我不知道平板电脑的事件以及如何检测这种情况。只是认为类似于鼠标移动/移出的触摸滑动元素应该有所帮助,但不确定。如果有人对此有所了解,请告诉我。您不能在平板电脑上使用onmouseout或其他鼠标事件。这是一个特定的设备事件,如键盘事件 要使用tablet事件,请参阅此支持列表:
您需要创建鼠标事件和触摸事件。您可能需要分别收听touchstart、touchmove和touchend事件,因为我认为触摸设备上不存在滚动/悬停/鼠标翻转和各自的*输出。