// =========================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），如果是则弹框提示退出，否则返回上一页。
