ios彈出軟鍵盤時fixed失效及點擊空白處隱藏層的解決辦法

標籤：

 

一、實現點擊按鈕彈出層和點擊空白處隱藏層，event.stopPropagation()是關鍵，阻止傳導。

<script type="text/javascript">
$(function () {
$(‘#btnShow‘).click(function (event) {
event.stopPropagation();
$(‘#div_apply‘).toggle();
});
$(document).click(function (event) { $(‘#div_apply‘).hide() });
})
</script>

二、ios中，頁面使用position:fixed定位頭部或尾部，而頁面中同時具有input或textarea輸入框，在輸入框擷取焦點，彈出軟鍵盤時，原本固定在頭尾的欄會跑到頁面中間，解決辦法是判斷在ios下將定位方式修改為絕對位置

<script type="text/javascript">
if(/iphone|ipad|ipod/i.test(navigator.userAgent))
{
$(".head").css("position", "absolute");
};
</script>

ios彈出軟鍵盤時fixed失效及點擊空白處隱藏層的解決辦法