blocks|key|413432|text|我浏览了新的Phonegap源代码，并做了以下更改以使work按钮工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|413433|Html测试代码|413434|<script+type="text/javascript">
++++$("#home").click(function(){
++++++++$.mobile.changePage("home.html");
++++});

++++document.addEventListener("deviceready",+onDeviceReady,+false);
++++document.addEventListener("backbutton",+handleBackButton,+false);

++++function+onDeviceReady()+{
++++++++console.log("PhoneGap+Ready!");
++++}

++++function+handleBackButton()+{
++++++++console.log("Back+Button+Pressed!");
++++++++navigator.app.exitApp();
++++}
</script>|code-block|syntax|javascript|413435|将以下代码放在cordova-1.5.0.js的document.addEventListener的else块中的第507行之后|offset|length|style|CODE|413436|if+(e+===+'backbutton')+{
++++var+exec+=+require('cordova/exec')
++++exec(null,+null,+"App",+"overrideBackbutton",+[true]);
}|413437|将以下代码放在cordova-1.5.0.js中cordova定义的fireDocumentEvent方法中的第592行之后|413438|if(type+==+"backbutton"){
++++var+e+=+document.createEvent('Events');
++++e.initEvent(type);
++++if+(data)+{
++++++++for+(var+i+in+data)+{
++++++++++++e[i]+=+data[i];
++++++++}
++++}
++++document.dispatchEvent(e);
++++return;
}|413439|我已经将整个cordova-1.5.0.js放在了这个要点中，并更新了代码https://gist.github.com/2020325|413440|虽然它对我来说是有效的，但它可能仍然需要一些更改才能在所有可能的情况下工作。|413441|编辑|413442|413443|if(type+==+"backbutton"+%7C%7C+type+==+"menubutton"+%7C%7C+type+==+"searchbutton"){
++++++++var+e+=+document.createEvent('Events');
++++++++e.initEvent(type);
++++++++if+(data)+{
++++++++++++for+(var+i+in+data)+{
++++++++++++++++e[i]+=+data[i];
++++++++++++}
++++++++}
++++++++document.dispatchEvent(e);
++++++++return;
++++}|413444|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/2020325^0|0|0|0|7|G|O|P|1E|4|0|0|7|G|O|7|Y|H|0|0|11|V|0|0|0|0|7|G|O|7|Y|H|0|0^^$0|@$1|2|3|4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1C|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1D|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1E|8|@$K|1F|L|1G|M|N]|$K|1H|L|1I|M|N]|$K|1J|L|1K|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|1L|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|1M|8|@$K|1N|L|1O|M|N]|$K|1P|L|1Q|M|N]|$K|1R|L|1S|M|N]]|9|@]|A|$]]|$1|S|3|T|5|F|7|1T|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1U|8|@]|9|@$K|1V|L|1W|1|1X]]|A|$]]|$1|W|3|X|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|10|3|R|5|6|7|20|8|@$K|21|L|22|M|N]|$K|23|L|24|M|N]|$K|25|L|26|M|N]]|9|@]|A|$]]|$1|11|3|12|5|F|7|27|8|@]|9|@]|A|$G|H]]|$1|13|3|-4|5|6|7|28|8|@]|9|@]|A|$]]]|14|$15|$5|16|17|18|A|$19|1A]]]]

I gone through the new Phonegap source code and did following changes to make the backbutton work.

Html test code

<pre><code>&lt;script type="text/javascript"&gt;
 $("#home").click(function(){
 $.mobile.changePage("home.html");
 });

 document.addEventListener("deviceready", onDeviceReady, false);
 document.addEventListener("backbutton", handleBackButton, false);

 function onDeviceReady() {
 console.log("PhoneGap Ready!");
 }

 function handleBackButton() {
 console.log("Back Button Pressed!");
 navigator.app.exitApp();
 }
&lt;/script&gt;
</code></pre>

Put the following code in the <code>else</code> block of <code>document.addEventListener</code> in <code>cordova-1.5.0.js</code> after line-no 507

<pre><code>if (e === 'backbutton') {
 var exec = require('cordova/exec')
 exec(null, null, "App", "overrideBackbutton", [true]);
}
</code></pre>

Put following code in <code>fireDocumentEvent</code> method of <code>cordova</code> definition in <code>cordova-1.5.0.js</code> after line-no 592

<pre><code>if(type == "backbutton"){
 var e = document.createEvent('Events');
 e.initEvent(type);
 if (data) {
 for (var i in data) {
 e[i] = data[i];
 }
 }
 document.dispatchEvent(e);
 return;
}
</code></pre>

I have put the whole cordova-1.5.0.js in this gist with updated code <a href="https://gist.github.com/2020325" rel="noreferrer">https://gist.github.com/2020325</a>

Though it is working for me but it still may need some changes to work in all the possible scenarios.

<h2>Edit</h2>

Put following code in <code>fireDocumentEvent</code> method of <code>cordova</code> definition in <code>cordova-1.5.0.js</code> after line-no 592

<pre><code>if(type == "backbutton" || type == "menubutton" || type == "searchbutton"){
 var e = document.createEvent('Events');
 e.initEvent(type);
 if (data) {
 for (var i in data) {
 e[i] = data[i];
 }
 }
 document.dispatchEvent(e);
 return;
 }
</code></pre>

blocks|key|628630|text|布莱斯·柯蒂斯在that+page上建议改变这句话：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|628631|channel.onNativeReady.subscribe(_self.boot);|style|CODE|628632|至：|628633|channel.onNativeReady.subscribeOnce(_self.boot);|628634|在文件的末尾。|628635|这似乎为我做了这个把戏，修复了后退按钮、菜单按钮和搜索按钮！|628636|entityMap|0|LINK|mutability|MUTABLE|url|http://groups.google.com/group/phonegap/browse_thread/thread/51bad1c2ad90d96f/1ee7e9c7de8b02c9?lnk=raot^0|8|9|0|0|0|18|0|0|0|1C|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|D|3|E|5|6|7|11|8|@$A|12|B|13|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|14|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|15|8|@$A|16|B|17|F|G]]|9|@]|C|$]]|$1|L|3|M|5|6|7|18|8|@]|9|@]|C|$]]|$1|N|3|O|5|6|7|19|8|@]|9|@]|C|$]]|$1|P|3|-4|5|6|7|1A|8|@]|9|@]|C|$]]]|Q|$R|$5|S|T|U|C|$V|W]]]]

Bryce Curtis is suggesting on <a href="http://groups.google.com/group/phonegap/browse_thread/thread/51bad1c2ad90d96f/1ee7e9c7de8b02c9?lnk=raot" rel="nofollow noreferrer">that page</a> to just change the line :

<code>channel.onNativeReady.subscribe(_self.boot);</code>

to :

<code>channel.onNativeReady.subscribeOnce(_self.boot);</code>

at the end of the file.

That seems to do the trick for me and fixed the backbutton AND the menubutton and searchbutton !

blocks|key|628723|text|@dhaval+:我在Android的cordova-1.5.0.js中做了以下更改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|628724|我没有处理后退按钮的页面工作正常，但我处理后退按钮的地方不起作用。|628725|它甚至不能选择函数|628726|function+handleBackButton()+{

++console.log("Back+Button+Pressed!");
++++navigator.app.exitApp();
}|code-block|syntax|javascript|628727|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

@dhaval : I have done the following changes in the cordova-1.5.0.js in Android.

The pages where I have not handled back button is working fine, But the place where I am handling the Back button does not work.

Its not even able to pick the function

<pre><code>function handleBackButton() {

 console.log("Back Button Pressed!");
 navigator.app.exitApp();
}
</code></pre>

I am using PhoneGap 1.5.0, jQuery 1.7.1 and jQuery mobile 1.0.1 and trying to override the backbutton in Android as stated <a href="http://wiki.phonegap.com/w/page/29494136/Android%20Back%20Button%20Handler" rel="nofollow noreferrer">here</a> or <a href="https://stackoverflow.com/questions/8602722/phonegap-android-back-button-close-app-with-back-button-on-homepage">here</a>. 

<pre><code>document.addEventListener("deviceready", onDeviceReady, false);
// PhoneGap loaded

function onDeviceReady() {
console.log("PhoneGap Ready!");
// waiting for button
document.addEventListener("backbutton", handleBackButton, false);
}

// handle the back button
function handleBackButton() {
console.log("Back Button Pressed!");
navigator.app.exitApp();
}
</code></pre>

But it only works on the first page of my app. After changing to a different page the backbutton does nothing at all. The app consists of a tabview like this:

<pre><code>&lt;body&gt;
&lt;div data-role="page" id="pilotTab"&gt;
 &lt;div data-role="header"&gt;
 &lt;h1&gt;Pilot&lt;/h1&gt;
 &lt;/div&gt;
 &lt;div data-role="content" id="pilotContent"&gt;
content be here ;)
 &lt;/div&gt;
 &lt;div data-role="footer" data-position="fixed"&gt;
 &lt;div data-role="navbar"&gt;
 &lt;ul&gt;
 &lt;li&gt;&lt;a href="pilotTab.html" data-transition="none"&gt;Lotse&lt;/a&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href="bookingTab.html" data-transition="none"&gt;Verkehr&lt;/a&gt;
 &lt;/li&gt;
 &lt;li&gt;&lt;a href="mainListTab.html" data-transition="none"&gt;B&amp;ouml;rt&lt;/a&gt;
 &lt;/li&gt;
 &lt;/ul&gt;
 &lt;/div&gt;
 &lt;!-- /navbar --&gt;
 &lt;/div&gt;
 &lt;!-- /footer --&gt;
&lt;/div&gt;
</code></pre>



Is it a stupid mistake or is there something special I have to consider to make it work properly? Thanks in advance.

Override Android Backbutton behavior only works on the first page with PhoneGap

PhoneGap

Android

jQuery

我正在使用PhoneGap 1.5.0，jQuery 1.7.1和jQuery Mobile1.0.1，并试图覆盖或中的后退按钮。document.addEventListener("deviceready", onDeviceReady, false);// PhoneGap loadedfunction onDev...

问覆盖Android Backbutton行为仅适用于使用PhoneGap的第一个页面
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问覆盖Android Backbutton行为仅适用于使用PhoneGap的第一个页面EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问覆盖Android Backbutton行为仅适用于使用PhoneGap的第一个页面
EN