IPHONEでのクリッカブルマップ

質問

ＰＣサイトを作成していて　ommouseover/onmouseout　を使ってリンクボタンを作成しました。
このサイトをスマホで開くとアンドロイドは問題ないのですが。ＩＰＨＯＮＥで開くとそのリンクボタンを触ってリンク先には飛ぶのですが、そのページに戻ってきたときにリンクボタンに触った状態の画像のままになってしまいます。何か対処できる方法はないでしょか。

overで(1)の画像になって
outで元の画像が表示されますが
リンク先から戻ってもoverの(1)の画像がでてしまいます

回答No.1

superside0

（クリッカブルマップ　ではなく　ロールオーバーのことだとは思いますが）

その現象は、前ページに戻ったときにキャッシュを表示しているからなので
戻ったというイベントを見つけて、onmouseoutと同じ処理を行わせればよいことになります。

例
window.onpageshow = function(event) {
　if (event.persisted) {
　　var tempEle = document.getElementById("xxx");
　　if ( tempEle ) tempEle.src = "img/xxxx.jpg";
　}
};

もしくは、ページごと強制リロードさせるかです。
（その分、サーバー負荷やトラフィックは増えますが）
window.onpageshow = function(event) {
　if (event.persisted) {
　　window.location.reload();
　}
};

(このサイトは インデントが崩れるので、全角空白つかってインデントさせています）