如何在焦点()上以编程方式隐藏jquery中的键盘

时间:2013-12-14 04:56:33

标签: android jquery jquery-mobile jquery-plugins cordova

我想在Focus()上隐藏键盘,但是当$(".ui-input-text").focus();时它会自动打开键盘。

我只想隐藏在特定的屏幕上,我已经使用document.activeElement.blur();进行了测试 但它也没有关注()输入。

3 个答案:

答案 0 :(得分:11)

提交表单时,iOS键盘有时可能无法自动关闭。这是一个非常实用的问题,因为用户不应该被要求手动关闭键盘,否则他们不会期望需要这样做。

可以通过调用document.activeElement上的blur方法来实现一个简单的解决方案,它有效地允许用户以编程方式隐藏键盘:

// automatically close the keyboard on iOS
document.activeElement.blur();

有关HTML5和移动应用程序事件的更多信息..

http://www.ericfeminella.com/blog/2012/12/27/ios-html5-input-element-tips/

答案 1 :(得分:1)

试试这个:

$('#yourElement').blur();

它将隐藏虚拟键盘。

答案 2 :(得分:1)

来自here

var hideKeyboard = function() {
    document.activeElement.blur();
    $("input").blur();
};

已编辑: 另一种选择

$('.clr').after('
        //<input tyep="checkbox" 
        <input type="checkbox"
               id="focusable" 
               style="height:0;
               margin- left:-200px;
               clear:both;" />');
$('#focusable').focus(); `