Commit d24cd30f authored by hbcui1984's avatar hbcui1984

修复offcanvas布局菜单页面在android 4.4.2版本下滑动触发不灵敏的问题

parent 20648ce7
...@@ -64,6 +64,10 @@ ...@@ -64,6 +64,10 @@
mui.init({ mui.init({
swipeBack:false swipeBack:false
}); });
//在android4.4.2中的swipe事件,需要preventDefault一下,否则触发不正常
window.addEventListener('dragright', function(e) {
e.detail.gesture.preventDefault();
});
//左滑显示出来的菜单,只需监听右滑,然后将菜单关闭即可;在该菜单上左滑,不做任何操作; //左滑显示出来的菜单,只需监听右滑,然后将菜单关闭即可;在该菜单上左滑,不做任何操作;
window.addEventListener("swiperight",function () { window.addEventListener("swiperight",function () {
......
...@@ -80,6 +80,10 @@ ...@@ -80,6 +80,10 @@
mui.init({ mui.init({
swipeBack:false swipeBack:false
}); });
//在android4.4.2中的swipe事件,需要preventDefault一下,否则触发不正常
window.addEventListener('dragleft', function(e) {
e.detail.gesture.preventDefault();
});
//优化显示出来的侧滑菜单,只需监听该菜单的左滑事件,然后将其关闭即可;在菜单上右滑,不做任何操作; //优化显示出来的侧滑菜单,只需监听该菜单的左滑事件,然后将其关闭即可;在菜单上右滑,不做任何操作;
window.addEventListener("swipeleft",function () { window.addEventListener("swipeleft",function () {
mui.fire(mui.currentWebview.opener(),"menu:swipeleft"); mui.fire(mui.currentWebview.opener(),"menu:swipeleft");
......
...@@ -20,6 +20,10 @@ ...@@ -20,6 +20,10 @@
mui.fire(index,"menu:close"); mui.fire(index,"menu:close");
} }
window.addEventListener('tap',closeMenu); window.addEventListener('tap',closeMenu);
//在android4.4.2中的swipe事件,需要preventDefault一下,否则触发不正常
window.addEventListener('dragleft', function(e) {
e.detail.gesture.preventDefault();
});
window.addEventListener('swipeleft',closeMenu); window.addEventListener('swipeleft',closeMenu);
</script> </script>
</head> </head>
......
...@@ -130,7 +130,11 @@ ...@@ -130,7 +130,11 @@
} }
//点击“关闭侧滑菜单”按钮处理逻辑 //点击“关闭侧滑菜单”按钮处理逻辑
document.getElementById("close-btn").addEventListener("tap",close) document.getElementById("close-btn").addEventListener("tap",close);
//在android4.4.2中的swipe事件,需要preventDefault一下,否则触发不正常
window.addEventListener('dragleft', function(e) {
e.detail.gesture.preventDefault();
});
//监听左滑事件,若菜单已展开,左滑要关闭菜单; //监听左滑事件,若菜单已展开,左滑要关闭菜单;
window.addEventListener("swipeleft",function (e) { window.addEventListener("swipeleft",function (e) {
if(Math.abs(e.detail.angle)>170){ if(Math.abs(e.detail.angle)>170){
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment