js怎么监听安卓返回键

JavaScript021

js怎么监听安卓返回键,第1张

代码如下：

<script>

// =========================PhoneGap==================================

// 等待加载PhoneGap

document.addEventListener("deviceready", onDeviceReady, false)

// PhoneGap加载完毕

function onDeviceReady() {

// 按钮事件

document.addEventListener("backbutton", eventBackButton, false) // 返回键

}

// 返回键

function eventBackButton() {

if($(".classobj").is(":visible")){

alert('再点击一次退出!')

document.removeEventListener("backbutton", eventBackButton, false) // 注销返回键

document.addEventListener("backbutton", exitApp, false)//绑定退出事件

// 3秒后重新注册

var intervalID = window.setInterval(function() {

window.clearInterval(intervalID)

document.removeEventListener("backbutton", exitApp, false) // 注销返回键

document.addEventListener("backbutton", eventBackButton, false) // 返回键

}, 3000)

}else {

//navigator.app.backHistory()

}

}

function exitApp(){

navigator.app.exitApp()

}

</script>

//原生

var elem = document.querySelector('#myInput')

elem.addEventListener('keydown', function(e) {

    if( e.keyCode == 13 ){

        console.log('Enter is pressed.')

        //add your code

    }

}) //使用jQuery

$('#myInput').keydown(function(e){

    if( $(e).which == 13 ){

        console.log('Enter is pressed.')

        //add your code

    }

})

监听是js来实现的，对于html是否是html5无关。

H5打成APP后发现一个问题：按返回键直接退出。为了解决以上问题，在index.html中加入如下js脚本，监听手机返回按键：根据url判断是否是首页（注意不能根据history或者canBack进行判断，会有bug），如果是则弹框提示退出，否则返回上一页。