禁止移动端input弹出软键盘

Posted 2020-10-06 Red丶

tags:

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

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

    <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弹出软键盘的主要内容，如果未能解决你的问题，请参考以下文章