Ionic在android中返回键的处理问题
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Ionic在android中返回键的处理问题,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1628字,纯文字阅读大概需要3分钟。
内容图文
一,一段代码就可以解决问题,这段代码应该放在app.js中:
//ionic点击系统返回键退出APP
.run(function ($rootScope, $ionicPlatform, $state, $ionicHistory, $ionicPopup, $cordovaKeyboard, $timeout) {
window.addEventListener('native.keyboardhide', function (e) {
cordova.plugins.Keyboard.isVisible = true;
$timeout(function () {
cordova.plugins.Keyboard.isVisible = false;
}, 100);
});
$ionicPlatform.registerBackButtonAction(function (e) {
//阻止默认的行为
e.preventDefault();
// 退出提示框
function showConfirm() {
var servicePopup = $ionicPopup.show({
title: '提示',
subTitle: '你确定要退出应用吗?',
scope: $rootScope,
buttons: [
{
text: '取消',
type: 'button-clear button-calm',
onTap: function () {
return 'cancel';
}
},
{
text: '确认',
type: 'button-clear button-calm border-left',
onTap: function (e) {
return 'active';
}
}
]
});
servicePopup.then(function (res) {
if (res == 'active') {
// 退出app
ionic.Platform.exitApp();
}
});
}
// 判断当前路由是否为各个导航栏的首页,是的话则显示提示框
var current_state_name = $state.current.name;
if ($cordovaKeyboard.isVisible()) {
$cordovaKeyboard.close();
} else {
if (current_state_name == 'login' || current_state_name == 'tab.dash' || current_state_name == 'tab.positons' || current_state_name == 'tab.account') {
showConfirm();
} else if ($ionicHistory.backView()) {
$ionicHistory.goBack();
} else {
showConfirm();
}
}
}, 402); //101优先级常用于覆盖‘返回上一个页面’的默认行为
})
二、下载上述代码中所需要的插件$cordovaKeyboard即可:
npm安装命令如下
cordova plugin add https://github.com/driftyco/ionic-plugins-keyboard.git
注:应该注意的是:本问题出现的原因是因为返回键和ionic中的控件优先级出现了矛盾,望注意!有什么问题,欢迎指正
内容总结
以上是互联网集市为您收集整理的Ionic在android中返回键的处理问题全部内容,希望文章能够帮你解决Ionic在android中返回键的处理问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。