如何检测触摸滑动是否将我带出平板电脑上的浏览器 window?
How to detect whether touch slide is taking me out of browser window on tablets?
我有一个应用程序,可以通过单击最大化按钮将其全屏显示并恢复它,我有一个逻辑来检测,如果用户移出应用程序 window,则显示带有link 恢复 window。和浏览器的F11功能很像。
Javascript 用于检测鼠标在应用程序浏览器之外的移动的代码 window 对于桌面客户端来说工作正常,但对于平板电脑来说,这是一个问题。这是代码:
document.onmouseout = function(e){
if( e.clientY < 0 ) {
jQuery("#restoreElement").show();
jQuery("#restoreElement").delay(5000).fadeOut();
}
}
我不知道平板电脑的事件以及如何检测这种情况。只是认为类似于鼠标 move/out 的触摸滑动元素应该有所帮助但不确定。如果有人对此有想法,请告诉我。
您不能在平板电脑上使用 "onmouseout" 或其他鼠标事件。这是一个特定的设备事件,例如键盘事件。
要使用平板电脑事件,请参阅此支持列表:http://quirksmode.org/mobile/tableTouch.html
您需要创建鼠标事件和触摸事件。
我有一个应用程序,可以通过单击最大化按钮将其全屏显示并恢复它,我有一个逻辑来检测,如果用户移出应用程序 window,则显示带有link 恢复 window。和浏览器的F11功能很像。
Javascript 用于检测鼠标在应用程序浏览器之外的移动的代码 window 对于桌面客户端来说工作正常,但对于平板电脑来说,这是一个问题。这是代码:
document.onmouseout = function(e){
if( e.clientY < 0 ) {
jQuery("#restoreElement").show();
jQuery("#restoreElement").delay(5000).fadeOut();
}
}
我不知道平板电脑的事件以及如何检测这种情况。只是认为类似于鼠标 move/out 的触摸滑动元素应该有所帮助但不确定。如果有人对此有想法,请告诉我。
您不能在平板电脑上使用 "onmouseout" 或其他鼠标事件。这是一个特定的设备事件,例如键盘事件。
要使用平板电脑事件,请参阅此支持列表:http://quirksmode.org/mobile/tableTouch.html
您需要创建鼠标事件和触摸事件。