[JavaScript] $(window).on('resize', Method) 在 Mobile 結果大不同

前幾天被Android與iOS的瀏覽器坑了,明明一個簡單的resize event卻有不同效果…

  • 程式碼
1
2
3
4
5
6
7

<input type="text" />
<script>
$(window).on('resize', function () {
alert('resize event');
});
</script>
  • Android
    點擊input後會觸發虛擬鍵盤,當觸發虛擬鍵盤時瀏覽器會觸發Resize Event
  • iOS
    點擊input後會觸發虛擬鍵盤,當觸發虛擬鍵盤時瀏覽器不會觸發Resize Event
    想不到吧 !! 我也想不到RRRRR !!!
    這鳥問題害我卡了好久QQ