iPhone 用サイトでセレクトボックスを置いたときに

稀なケースだとは思うけど、

window.addEventListener('touchmove', function(){ e.preventDefault(); }, false);

とかやってスクロール禁止にしてアプリ風に全画面使ってる、かつ画面真ん中より下ぐらいにセレクトボックスを置いている場合、

セレクトボックスを開くと、例のドラム形式のUIが下からニョキッと出てくる。それはいいんだけど、その後右上の「完了」ボタンを押して閉じると、そのまんま開いたドラム（形式のUI…なんていうの）の高さ分が空白になって残っちゃう。閉じたら一番上へ強制スクロールさせて空白を埋めるのが良さそうだけど、最初 resize のイベント取っててハマった。。。あくまで window の大きさは変わってないから resize は発火しないみたい。（ちなみにAndroidは開いたとき、閉じたとき、で resize が発火してた）

結論を言うと、「完了」ボタンを押してセレクトボックスを閉じた、っていうイベントが取りたいなら focusout が良さそう。…今思えば最初に思い付いても良さそうorz

$('select').focusout(function(){
    if (navigator.userAgent.indexOf('iPhone') > 0 || navigator.userAgent.indexOf('iPod') > 0) window.scrollTo(0, 0);
});