次の JavaScript スニペットを使用して、「戻る」ボタンと「進む」ボタンの両方をターゲットにしています。
window.addEventListener("popstate", function(event) {
// do something cool
}
「戻る」ボタンと「進む」ボタンを区別し、それらのイベントを個別にターゲットにするにはどうすればよいですか?
次の JavaScript スニペットを使用して、「戻る」ボタンと「進む」ボタンの両方をターゲットにしています。
window.addEventListener("popstate", function(event) {
// do something cool
}
「戻る」ボタンと「進む」ボタンを区別し、それらのイベントを個別にターゲットにするにはどうすればよいですか?
正しく実装すれば、前後や履歴を追跡する必要はありません。ロードする各 XML ファイルには一意の ID を指定する必要があります。スラッシュをアンダースコアに置き換えるだけです。実際の URL にはアンダースコアを使用しないでください。代わりにダッシュを使用してください。Windows 8 を使用することが非殺人的であるように見える URL スキームを持っていないと仮定すると、要求された ID をチェックするだけです。
私のサイトで popstate がどのように機能するかを確認できます...
http://www.jabcreations.com/blog/
Ctrl+f を実行し、行の周りから始まるコードを見てください...
window.onclick = function(e)
...ここ...
http://www.jabcreations.com/scripts/index.js
Firebug を使用している場合は、#liquid を展開します (<body><div id="body"><div id="content"><div id"liquid">
私の XHTML では文字通り)。
わからなくなった場合はお知らせください。コードが何をしているかを明確にします。また、コードをできるだけ厳密に設定することも非常に役立ちます (XHTML を application/xhtml+xml として、XML コンテンツを application/xml として提供する必要があります)。