禁用条形码阅读器的iPhone键盘输入

Question

Hi i have input which is used for text received from barcode reader, but when you focus this input iphone and other mobile browsers display the software keyboard, and this hide all buttons under the input, which you need also for your work.

Is there a way how to disable this iphone keyboard for this input? But blur is not solution, you need to type the barcode and press enter, that is what the reader do, it simulates the hardware keyboard.

Answer 1

If you pass your values to the text field with custom input, like with a datepicker for example, you can simply use readonly attribute in HTML or through JavaScript/jQuery:

/**
 * @param {Object} el : cache.datepicker => input element
 * @augments myCustom.fn.devicedetection from detectmobilebrowsers.com
 */
disableKeyboard: function (el) {
    if (myCustom.fn.deviceDetection === 'mobile') {
        el.prop({ readonly: true });
    }
},

Now it's not very clear what you mean by you need to type the barcode and press enter , you might want to elaborate on that one.