禁止移动端input弹出软键盘

Posted Red丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了禁止移动端input弹出软键盘相关的知识,希望对你有一定的参考价值。

在做三级联动,或者一些时间插件的时候总是弹出软键盘,用下面的方法就可以禁用掉,废话不多说直接上代码。

 

html代码

    <div class="">
        <div>
            <input type="text" id="disable1" class="" placeholder=""/>
        </div>
        <div>
            <input type="text" id="disable2" class="" placeholder=""/>
        </div>
    </div>

JS代码(jQuery)

$("#disable1").focus(function(){
        document.activeElement.blur();
    });
$("#disable2").focus(function(){
        document.activeElement.blur();
    });

 

禁用完成!

以上是关于禁止移动端input弹出软键盘的主要内容,如果未能解决你的问题,请参考以下文章