javascript 控制ios textarea 不失去焦点问题

最新推荐文章于 2022-10-19 15:53:09 发布

轩辕朗逸

最新推荐文章于 2022-10-19 15:53:09 发布

阅读量2.4k

点赞数

分类专栏： jquery 文章标签： javascript ios iphone

jquery 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于在元素失去焦点时隐藏iPhone上的软键盘。通过监听touchend事件并延迟调用blur方法来实现这一功能。

//判断是否为苹果
var isIPHONE = navigator.userAgent.toUpperCase().indexOf('IPHONE')!= -1;

// 元素失去焦点隐藏iphone的软键盘
function objBlur(id,time){
    if(typeof id != 'string') throw new Error('objBlur()参数错误');
    var obj = document.getElementById(id),
        time = time || 300,
        docTouchend = function(event){
            if(event.target!= obj){
                setTimeout(function(){
                     obj.blur();
                    document.removeEventListener('touchend', docTouchend,false);
                },time);
            }
        };
    if(obj){
        obj.addEventListener('focus', function(){
            document.addEventListener('touchend', docTouchend,false);
        },false);
    }else{
        throw new Error('objBlur()没有找到元素');
    }
}

if(isIPHONE){
    var input = new objBlur('input');
    input=null;
}