javascript - Phonegap back button not working when cursor focus on a field -

i overide backbutton event on apps javascript this:

document.addeventlistener("backbutton", function (e) {     e.preventdefault();     navigator.app.backhistory(); }, false); 

if cursor not focussed on element exists on webview (cordovawebview), pressing button fine, in case previous activity.

but, if cursor focussed on field form, e.g. input field or button, button not working or hide keyboard. logcat show this, when pressed button.

05-13 12:47:41.463: d/cordovawebview(14396): current url is: file:///android_asset/www/login.html#register 05-13 12:47:41.463: d/cordovawebview(14396): url @ item 0 is:file:///android_asset/www/login.html#register 05-13 12:47:41.663: d/cordovawebview(14396): current url is: file:///android_asset/www/login.html#register 05-13 12:47:41.663: d/cordovawebview(14396): url @ item 0 is:file:///android_asset/www/login.html#register 05-13 12:47:42.203: d/cordovawebview(14396): current url is: file:///android_asset/www/login.html#register 05-13 12:47:42.203: d/cordovawebview(14396): url @ item 0 is:file:///android_asset/www/login.html#register 

i've tried override onbackpressed on droidgap extension makes not working @ all.

edit

i forget say, i'm using backbone router url state.

the "backbutton" event fired when button pressed navigate back, not when used close keyboard.

the closest can intercepting window resize due keyboard close , react accordingly:

$(document).ready(function() {     var curwindow = $(window);     var initialheight = curwindow.height();     curwindow.resize(function() {         console.log("resize: height="+curwindow.height());         if (curwindow.height() == initialheight) {       // todo: keyboard hidden!         }      }); });