＆＃39; .blur＆＃39;按手机返回后输入和隐藏键盘

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');