js实现对Android设备物理返回键单击/双击事件处理(Framework7框架)
2016-11-24 17:31
537 查看
单击事件:
//设备返回键
document.addEventListener(“backbutton”, onBackKeyDown, false);
实现效果为,当前页面为首页时直接退出应用,不是首页时返回上一级。
双击事件:
var app = new Framework7();
var toast = app.toast('连续点击退出应用程序', '', {});
toast.show(true);
document.removeEventListener("backbutton", eventBackButton, false); //注销返回键
//1秒后重新注册
var intervalID = window.setInterval(
function() {
window.clearInterval(intervalID);
document.addEventListener("backbutton", eventBackButton, false); //返回键
},
1000
);
实现效果为,点击物理返回键时toast提示“连续点击退出应用程序”,1秒内再次点击即退出。上面用到了toast,可以参看我的另外一篇博客js实现安卓toast效果(Framework7框架)。
以下代码实现的效果为,首页时点击物理返回键提示“连续点击退出应用程序”,1秒内再次点击退出应用程序;非首页时点击物理返回键返回上一页面。
var currentView=myApp.getCurrentView();
if(currentView.history.length>1)
{
currentView.router.back({});//返回上一级
}else{
var app = new Framework7();
var toast = app.toast('连续点击退出应用程序', '', {});
toast.show(true);
document.removeEventListener("backbutton", eventBackButton, false); //注销返回键
//1秒后重新注册
var intervalID = window.setInterval(
function() {
window.clearInterval(intervalID);
document.addEventListener("backbutton", eventBackButton, false); //返回键
},
1000
);
}
//设备返回键
document.addEventListener(“backbutton”, onBackKeyDown, false);
function onBackKeyDown() { // 获取当前view var currentView=myApp.getCurrentView(); if(currentView.history.length>1) { currentView.router.back({});//非首页返回上一级 } else{ navigator.app.exitApp();//首页点返回键退出应用 } }
实现效果为,当前页面为首页时直接退出应用,不是首页时返回上一级。
双击事件:
var app = new Framework7();
var toast = app.toast('连续点击退出应用程序', '', {});
toast.show(true);
document.removeEventListener("backbutton", eventBackButton, false); //注销返回键
//1秒后重新注册
var intervalID = window.setInterval(
function() {
window.clearInterval(intervalID);
document.addEventListener("backbutton", eventBackButton, false); //返回键
},
1000
);
实现效果为,点击物理返回键时toast提示“连续点击退出应用程序”,1秒内再次点击即退出。上面用到了toast,可以参看我的另外一篇博客js实现安卓toast效果(Framework7框架)。
以下代码实现的效果为,首页时点击物理返回键提示“连续点击退出应用程序”,1秒内再次点击退出应用程序;非首页时点击物理返回键返回上一页面。
var currentView=myApp.getCurrentView();
if(currentView.history.length>1)
{
currentView.router.back({});//返回上一级
}else{
var app = new Framework7();
var toast = app.toast('连续点击退出应用程序', '', {});
toast.show(true);
document.removeEventListener("backbutton", eventBackButton, false); //注销返回键
//1秒后重新注册
var intervalID = window.setInterval(
function() {
window.clearInterval(intervalID);
document.addEventListener("backbutton", eventBackButton, false); //返回键
},
1000
);
}
相关文章推荐
- Android通过onTouch事件实现单击,双击,长按
- android处理单击双击和滑动事件
- Android 自定义View实现单击和双击事件的方法
- Ionic系列——android双击退出应用和物理返回按钮隐藏键盘的实现
- JS实现鼠标单击与双击事件共存
- Android 在fragment中实现返回键单击提醒 双击退出
- Android中用手势的双击事件实现图片单击放大效果
- Ionic2 下处理 Android 设备下返回按钮的事件
- Android通过onTouch事件实现单击,双击,长按
- android webview js交互, 响应webview中的图片点击事件 ,点击(双击)使图片变大,单击退出
- android处理单击双击和滑动事件
- js 同时实现单击事件和双击事件
- ionic android双击退出应用和物理返回按钮隐藏键盘的实现
- android 实现button单击双击事件同时监控
- 实现在android开发中重写返回键处理事件
- Android 自定义View实现单击和双击事件
- Jquery实现双击行的同时不单计行(在Javascript中让单击Click和Double Click双击事件各自独立)
- Android的按钮单击事件及监听器的实现方式
- android 处理双击事件