使用onFocus事件隐藏键盘

时间:2019-02-05 10:28:00

标签: html angular typescript

我知道这听起来有点令人困惑,但是我有一个角度应用程序,该应用程序只能在带有条形码读取器的移动设备上运行,该读取器会自动将其读取的内容写到焦点输入字段中。 我设置了应用程序,以便在加载页面时,我的输入字段具有焦点,并且希望软键盘不可见,以便用户无法在该字段中手动书写。

流程应如下所示:输入->自动对焦->(onFocus)=“ hideKeyboard()”

自动对焦是一个自定义指令,可将dom元素设置为ngOnInit中的焦点。

在此先感谢您的提示。

2 个答案:

答案 0 :(得分:1)

this project中有一个起点,但是当您在输入之外(在按钮中)单击时,会失去焦点,并且键盘将再次隐藏。但是,这只是一个开始...

答案 1 :(得分:0)

尝试类似这样的方法。


    <input id="id1" class="hidekeyboard"/>


    $('#id1').<input_type>({
    /* options */
    });

    $('.hidekeyboard').on('focus',function(){
    $(this).trigger('blur');
    });