JQuery Windows Phone 上的移动滑动事件
JQuery Mobile Swipe events on Windows Phone
我正在使用 JQuery 移动设备来识别滑动事件并且效果很好。事件在 Windows 移动设备上触发(在我的例子中是 7.5),但同时触发的是网络浏览器用于浏览浏览历史记录的默认事件。向右滑动可返回一页。我怎样才能防止这种默认行为?
我尝试了 preventDefault(),但在这里没有帮助。
它将停用触摸:-
添加 CSS 片段:
*{
touch-action: none;
}
但只在某些区域重新激活触摸事件,让玩家播放或激活触摸
要在某些地方激活,请添加:-
#activetouch{
touch-action: chained;
}
参考:https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
Windows Phone 7/IE9 不支持 mousemove 事件,所以 jquery 手机无法识别滑动事件。
一些移动框架,例如 Apache Cordova (PhoneGap) provide workaround for this by adding special shim between native (silverlight) touch events and web browser control to fix missing mouse events. Demo
这在 Windows Phone 8 上运行良好,因为它支持 mousemove。
我正在使用 JQuery 移动设备来识别滑动事件并且效果很好。事件在 Windows 移动设备上触发(在我的例子中是 7.5),但同时触发的是网络浏览器用于浏览浏览历史记录的默认事件。向右滑动可返回一页。我怎样才能防止这种默认行为?
我尝试了 preventDefault(),但在这里没有帮助。
它将停用触摸:-
添加 CSS 片段:
*{
touch-action: none;
}
但只在某些区域重新激活触摸事件,让玩家播放或激活触摸
要在某些地方激活,请添加:-
#activetouch{
touch-action: chained;
}
参考:https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
Windows Phone 7/IE9 不支持 mousemove 事件,所以 jquery 手机无法识别滑动事件。
一些移动框架,例如 Apache Cordova (PhoneGap) provide workaround for this by adding special shim between native (silverlight) touch events and web browser control to fix missing mouse events. Demo
这在 Windows Phone 8 上运行良好,因为它支持 mousemove。