拦截返回按键的问题。

路小佳

大家好，我有个问题。
就是我想在页面拦截返回按键，然后做一些事情。比如不用返回按键关闭界面，自己关闭界面。
或者在2次返回退出的时候，添加清理session的工作。

我得代码是这样的。

1. document.addEventListener("deviceready", function() {
   
2.                 var listener = function() {
   
3.                         justep.Shell.closePage();//在监听中关闭本页面
   
4.                 };
   
5.                 document.addEventListener('backbutton', listener, false);
   
6.                 $(window).on('beforeunload', function() {
   
7.                         document.removeEventListener('backbutton', listener, false);
   
8.                 });
   
9.         }, false);

复制代码

但是现在提示我。页面已经被关闭 编码：JUSTEP230112.

求解。！

路小佳

我实现了，我分享下代码。

1. CommonUtils
   
2.                         .attachDoubleClickExitApp(function() {
   
3.                                 var exitDtd = $.Deferred();
   
4.                                 if (window.isMain == "main") {
   
5. 
   
6.                                         if (exitAppTicker === 0) {
   
7.                                                 exitAppTicker++;
   
8.                                                 var msg = $(
   
9.                                                                 '<span style="display: none;border-radius: 50px;padding: 7px;left: 50%;margin-left: -80px;background-color: #383838;color: #F0F0F0;z-index:9999;position:fixed;bottom:25px;">再按一次退出应用</span>')
   
10.                                                                 .appendTo('body');
    
11.                                                 msg.fadeIn(400).delay(2000).fadeOut(400, function() {
    
12.                                                         exitAppTicker = 0;
    
13.                                                         msg.remove();
    
14.                                                 });
    
15.                                         } else if (exitAppTicker == 1) {
    
16.                                                 if (!localStorage.getItem("remeberMe")) {
    
17.                                                         localStorage.removeItem("un");
    
18.                                                         localStorage.removeItem("pw");
    
19.                                                         localStorage.removeItem("remeberMe");
    
20.                                                 }
    
21.                                                 localStorage.removeItem("userName");
    
22.                                                 localStorage.removeItem("companyId");
    
23.                                                 localStorage.removeItem("mobile");
    
24.                                                 localStorage.removeItem("loginName");
    
25.                                                 exitDtd.resolve();
    
26.                                                 navigator.app.exitApp();
    
27.                                         }
    
28. 
    
29.                                         return false;
    
30.                                 } else
    
31.                                         return false;
    
32. 
    
33.                         });

复制代码

liangyongfei

这个系统已经实现了，
代码是：
/UI2/system/components/justep/common/utils.js
方法：
attachDoubleClickExitApp

你的用法，只需要像外卖案例中那样，接管方法：
CommonUtils.attachDoubleClickExitApp

即可！！

路小佳

liangyongfei 发表于 2016-3-22 15:03
这个系统已经实现了，
代码是：
/UI2/system/components/justep/common/utils.js

我用了外卖的方法，把utils.JS中的代码拷贝过来，用CommonUitls接管，可是报错啊。

路小佳

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.
TypeError: Cannot read property 'addEventListener' of undefined
    at main.js:141
    at Object.context.execCb (require.2.1.10.js:2199)
    at Object.Module.check (require.2.1.10.js:1208)
    at Object.Module.enable (require.2.1.10.js:1491)
    at Object.Module.init (require.2.1.10.js:1121)
    at callGetModule (require.2.1.10.js:1518)
    at Object.context.completeLoad (require.2.1.10.js:2092)
    at HTMLScriptElement.context.onScriptLoad (require.2.1.10.js:2220)
Error: __justepClientErrorStart__{"code":"JUSTEP230103","message":"加载/x5/UI2/v_708378e5c18349d394bb4604ece30d62l_zh_CNs_d_/v_/SalMobel/main.w?$pageType=model出错"}__justepClientErrorEnd__
    at Object.l.create (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:215121)
    at Object.<anonymous> (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:278418)
    at f (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:42352)
    at Object.l.fireWith (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:43177)
    at Object.<anonymous> (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:43858)
    at f (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:42352)
    at Object.l.fireWith (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:43177)
    at Object.i.(anonymous function) [as reject] (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:44157)
    at Object.errback (http://localhost:8080/x5/UI2/v_80bf96e382cc4cdc80ee8aa7891b673bl_zh_CNs_d_/system/core.min.js:65:274500)
    at http://localhost:8080/x5/UI2/v_5c4bfa7c288b4dbd9453fc0d63c7feabl_zh_CNs_d_/system/lib/require/require.2.1.10.js:398:23
Uncaught Error: __justepClientErrorStart__{"code":"JUSTEP230103","message":"加载/x5/UI2/v_708378e5c18349d394bb4604ece30d62l_zh_CNs_d_/v_/SalMobel/main.w?$pageType=model出错"}__justepClientErrorEnd__

报错信息

路小佳

这是我重写的代码。

1. CommonUtils.document
   
2.                         .addEventListener(
   
3.                                         "deviceready",
   
4.                                         function() {
   
5.                                                 var exitAppTicker = 0;
   
6.                                                 var listener = function() {
   
7.                                                         if (conditionFn()) {
   
8.                                                                 if (exitAppTicker === 0) {
   
9.                                                                         exitAppTicker++;
   
10.                                                                         var msg = $(
    
11.                                                                                         '<span style="display: none;border-radius: 50px;padding: 7px;left: 50%;margin-left: -80px;background-color: #383838;color: #F0F0F0;z-index:9999;position:fixed;bottom:25px;">再按一次退出应用</span>')
    
12.                                                                                         .appendTo('body');
    
13.                                                                         msg.fadeIn(400).delay(2000).fadeOut(400, function() {
    
14.                                                                                 exitAppTicker = 0;
    
15.                                                                                 msg.remove();
    
16.                                                                         });
    
17.                                                                 } else if (exitAppTicker == 1) {
    
18. 
    
19.                                                                         if (!localStorage.getItem("remeberMe")) {
    
20.                                                                                 localStorage.removeItem("un");
    
21.                                                                                 localStorage.removeItem("pw");
    
22.                                                                                 localStorage.removeItem("remeberMe");
    
23.                                                                         }
    
24.                                                                         localStorage.removeItem("userName");
    
25.                                                                         localStorage.removeItem("companyId");
    
26.                                                                         localStorage.removeItem("mobile");
    
27.                                                                         localStorage.removeItem("loginName");
    
28. 
    
29.                                                                         exitDtd.resolve();
    
30.                                                                         navigator.app.exitApp();
    
31.                                                                 }
    
32.                                                         } else {
    
33.                                                                 justep.Shell.closePage();
    
34.                                                                 // history.back();
    
35.                                                         }
    
36.                                                 };
    
37.                                                 document.addEventListener('backbutton', listener, false);
    
38.                                                 $(window).on('beforeunload', function() {
    
39.                                                         document.removeEventListener('backbutton', listener, false);
    
40.                                                 });
    
41.                                         }, false);

复制代码

我加入了退出时候清楚本地存储。

liangyongfei

路小佳 发表于 2016-3-22 16:28
我用了外卖的方法，把utils.JS中的代码拷贝过来，用CommonUitls接管，可是报错啊。 ...

你不需要重新这些方法啊！
直接在attachDoubleClickExitApp 的回调方法中写这些代码！
然后return true 就表示退出！

if条件判断是表示在哪个页面的时候退出的！一般是指首页才执行！

路小佳

liangyongfei 发表于 2016-3-22 17:56
你不需要重新这些方法啊！
直接在attachDoubleClickExitApp 的回调方法中写这些代码！
然后return true 就 ...

1.         CommonUtils.attachDoubleClickExitApp(function() {
   
2.                 if (this.comp('contents').getActiveIndex() === 0) {
   
3.                         if (!localStorage.getItem("remeberMe")) {
   
4.                                 localStorage.removeItem("un");
   
5.                                 localStorage.removeItem("pw");
   
6.                                 localStorage.removeItem("remeberMe");
   
7.                         }
   
8. 
   
9. 在 === 0  中写我要输入的代码吗。 我现在没法用真机测试返回按键。
   
10.                         localStorage.removeItem("userName");
    
11.                         localStorage.removeItem("companyId");
    
12.                         localStorage.removeItem("mobile");
    
13.                         localStorage.removeItem("loginName");
    
14.                         return true;
    
15.                 }
    
16.                 return false;
    
17.         });
    

复制代码

路小佳

liangyongfei 发表于 2016-3-22 17:56
你不需要重新这些方法啊！
直接在attachDoubleClickExitApp 的回调方法中写这些代码！
然后return true 就 ...

1.         CommonUtils.attachDoubleClickExitApp(function() {
   
2.                 if (this.comp('contents').getActiveIndex() === 0) {
   
3.                         if (!localStorage.getItem("remeberMe")) {
   
4.                                 localStorage.removeItem("un");
   
5.                                 localStorage.removeItem("pw");
   
6.                                 localStorage.removeItem("remeberMe");
   
7.                         }
   
8. 
   
9. 在 === 0  中写我要输入的代码吗。 我现在没法用真机测试返回按键。
   
10.                         localStorage.removeItem("userName");
    
11.                         localStorage.removeItem("companyId");
    
12.                         localStorage.removeItem("mobile");
    
13.                         localStorage.removeItem("loginName");
    
14.                         return true;
    
15.                 }
    
16.                 return false;
    
17.         });
    

复制代码

路小佳

路小佳 发表于 2016-3-23 08:20

我测试了，不好用啊，都没被清除掉。localstorage

路小佳

1. CommonUtils.attachDoubleClickExitApp(function() {
   
2.        
   
3.                 localStorage.removeItem("un");
   
4.                 localStorage.removeItem("pw");
   
5.                 localStorage.removeItem("remeberMe");
   
6.                 localStorage.removeItem("userName");
   
7.                 localStorage.removeItem("companyId");
   
8.                 localStorage.removeItem("mobile");
   
9.                 localStorage.removeItem("loginName");
   
10.                
    
11.                 return true;
    
12.         });

复制代码

我返回真啊，为啥这些localstorge都不清除呢。