javascript - onpageshowおよびonpagehideリスナーが機能する際の問題

Question

pagehide取得しpageshowて動作することができません

<script>
    console.log( 'adding pagehide / pageshow' );
    window.addEventListener( 'pagehide', function() { console.log( 'page hide' ); } );
    window.addEventListener( 'pageshow', function() { console.log( 'page show' ); } );
</script>

コンソールメッセージの取得

adding pagehide / pageshow

ただし、別のタブまたはアプリ間を移動するとpagehide、pageshow起動しないように見えます。

99％は私が愚かだと確信していますが、何が悪いのかわかりません

Answer 1

別のタブまたはアプリに移動すると、またはリスナーではなく、blurおよびリスナーがトリガーされます。例えば：focuspagehidepageshow

console.log( 'adding blur / focus' );
window.addEventListener( 'blur', function() { console.log( 'blur' ); } );
window.addEventListener( 'focus', function() { console.log( 'focus' ); } );

動作するはずです。