在移動(dòng)端的Web開發(fā)中，軟鍵盤的高度往往會(huì)影響到頁面的布局。如果沒有處理好軟鍵盤的高度，容易導(dǎo)致頁面樣式失調(diào)，影響用戶體驗(yàn)。所以，我們需要使用jQuery來計(jì)算軟鍵盤的高度。

$(function(){
var $win = $(window);
var $input = $('#input');
$win.on('resize orientationchange', function(){
var keyboardHeight = $win.height() - $input.offset().top - $input.outerHeight();
console.log(keyboardHeight);
});
});

上面的代碼中，我們首先獲取了窗口對(duì)象和輸入框?qū)ο蟆esize和orientationchange事件監(jiān)聽窗口尺寸變化，每次變化都會(huì)計(jì)算軟鍵盤的高度。這里用到了一個(gè)公式：

keyboardHeight = 窗口高度 - 輸入框距離窗口頂部的距離 - 輸入框的高度

這個(gè)公式可以計(jì)算出軟鍵盤的高度，我們可以將計(jì)算出的高度用來進(jìn)行頁面布局調(diào)整，以達(dá)到更良好的用戶體驗(yàn)。