iPhone/Androidなどwebkitのa:hover後、もとの状態に戻らないバグを修正したい - ハリーかつき・旧技術ブログ
従来のロールオーバーは 1)cssのa⇔a:hoverで背景を切り替える 2)JavaScriptでonmouseout⇔onmouseoverで背景もしくはimg srcを切り替える の二つの方法で実装可能だが、これをそのままスマートフォン向けに実装すると、下記のような不具合が起きる。 ・ボタンの色が変わったまま戻らない ・ブラウザのバックボタンで戻った際に色がノーマル時に戻っていない （ホバー時のままになっている） これは現状、cssではどうにもならない。Javascriptでonclick系のイベントハンドラの代わりにontouch系を用い、下記のように対応するほかない。 最後のwindow.addEventListenerはブラウザのBackボタンで戻ったときにrolloverで変化した画像もしくは背景色が残っていた場合クリアするための記述。 function smartPhone
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
post-834で電力自由化電力自由化＠最も安い電気費用の新電力会社を探す
