借鑒網(wǎng)上其他大神的文章，這里存?zhèn)€檔
原文地址：http://www.cnblogs.com/dtdxrk/p/3682352.html

遇到的問題： 在iOS環(huán)境下input激活后，點擊頁面空白處無法失去焦點，且不能隱藏軟件盤

原因： 經(jīng)過測試，給document添加click事件，iOS不能觸發(fā)，而Android可以。
根據(jù)原作者的思路，及提供的代碼，這里優(yōu)化一下。

這里只會查詢當前頁面已經(jīng)存在的元素，對于時下熱門的spa框架，并不太適用。有能力的可以自行補充一下或在評論區(qū)留言。

var ua = navigator.userAgent;
var ios = ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
// 僅針對iOS處理該問題
if (!ios) return;
// 統(tǒng)計input標簽會彈出軟件盤類型及textarea標簽
var _inputType = ["email", "number", "password", "search", "tel", "text", "url", "textarea"];
_inputType.forEach(function (item) {
    var _inputDom = document.querySelector( item === "textarea" ? item : ("input[type=" + item + "]") );
    // 當頁面不存在此元素則取消處理
    if (!_inputDom) return;
    // 對輸入框偵聽focus事件處理
    _inputDom.addEventListener("focus", function(event) {
        var eventHandler = function (e) {
            if (e.target == _inputDom) return;
            // 延遲200ms失去焦點及移除事件監(jiān)聽
            setTimeout(function() {
                document.activeElement.blur();
                document.removeEventListener("touchend", eventHandler, false);
            }, 200);
        };
        // 對domcument增加touchend事件處理
        document.addEventListener("touchend", eventHandler, false);
    });
});