如何在(keyup.enter)上关闭移动键盘 - Angular 6

Posted

技术标签:

【中文标题】如何在(keyup.enter)上关闭移动键盘 - Angular 6【英文标题】:How to close mobile keyboard on (keyup.enter) - Angular 6 【发布时间】:2019-02-24 05:41:00 【问题描述】:

我正在学习开发...我无法在事件(keyup.enter)上关闭移动键盘...

有人可以阻止我吗??

我正在使用 Angular 6+

谢谢!

【问题讨论】:

【参考方案1】:

您可以查看this

function hideKeyboard(element) 
    element.attr('readonly', 'readonly'); // Force keyboard to hide on input field.
    element.attr('disabled', 'true'); // Force keyboard to hide on textarea field.
    setTimeout(function() 
        element.blur();  //actually close the keyboard
        // Remove readonly attribute after keyboard is hidden.
        element.removeAttr('readonly');
        element.removeAttr('disabled');
    , 100);

【讨论】:

以上是关于如何在(keyup.enter)上关闭移动键盘 - Angular 6的主要内容,如果未能解决你的问题,请参考以下文章

vue--阻止冒泡、默认行为、键盘事件

el-input的keyup事件的使用

在vue项目当中绑定键盘事件

vue中给buttion按钮添加键盘回车(enter)事件

vue中的键盘事件

4.键盘修饰符以及自定义键盘修饰符