マイページはとてもシンプルです。
実行中は、1 つのボタンのみが表示されます。ボタンをクリックすると、inAppBrowser が開き、ページ「1.html」が読み込まれます。1.htmlにもボタンがあり、クリックすると2.htmlに変わります。
私の目標:
1. 1.html のボタンをクリックすると、2.html に変わります (完了)。
2. inAppBrowser の URL が変更されるたびに、その URL をアラートします。index.html のコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<title>InAppBrowser.addEventListener Example</title>
<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
// Wait for device API libraries to load
//
document.addEventListener("deviceready", onDeviceReady, false);
// device APIs are available
//
function onDeviceReady() {
$("#btn").click(function(){
var ref = window.open('1.html', '_blank', 'location=yes');
ref.addEventListener('loadstop', function(event) { alert('stop: ' + event.url); });
});
}
</script>
</head>
<body>
<button id="btn">click</button>
</body>
</html>
「1.html」にボタンが一つあります。クリックされた場合は「2.html」へ。1.html のコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
<script type="text/javascript" charset="utf-8">
$(function(){
$('#btn').click(function(){
window.href.location = '2.html';
});
});
</script>
</head>
<body>
<button id="btn">Test</button>
<div id="msg"></div>
</body>
</html>
inAppBrowser url が変更されるたびに。これは loadstop イベントをトリガーしますか? はいの場合、なぜ私はそれを機能させることができませんか。いいえの場合、どうすればこれを実装できますか?