javascript - 在移动设备上按回车键后“.blur”输入并隐藏键盘

Question

我有一个带有单个输入字段的表单，当您按 Enter 键时该表单会提交。这会导致您键入的文本被附加到表格中。输入字段保持焦点，因为您可能想要输入多个项目，此功能仅在具有物理键盘的计算机上才对用户友好。

结合使用 Angular、Bootstrap 和 JavaScript，在移动设备上的输入框中输入文本时，是否可以在按回车键后自动隐藏键盘？

我可以使用 jQuery .blur() 返回按键上的输入，但我只希望在您使用移动设备时启用此功能。

Answer 1

您需要检查设备是手机还是平板电脑:

var width = window.innerWidth;

var height = window.innerHeight;

if(width < 750 && height < 1100) {
    $console.keypressed(function(e) {
        if(e == 13) {
            $(this).blur();
        }
    }
}

但是 $console 是我的文本区域:

var $console = $('textarea');