Opening the Virtual Keyboard in Touchscreen devices - javascript

I am trying to develop a very dynamic Website for my project using Javascript.
There I want to use custom input elements (purely custom elements, not customized) but I am not able to get that how to open the Virtual Keyboard in Touchscreen devices.

Related

Set Custom Keyboard as default

Hey I created a custom keyboard for android studio following a tutorial.
But to use it I have to change the Keyboard on the device on my own. Is there any method to avoid this, so that my custom keyboard shows up automatically when I open the app.

Can I programmatically hide the form input ribbon control above the keyboard in safari on iOS?

For a prototype that I'm working on, we'd like to hide the ribbon that shows up above the keyboard on mobile web browsers on iPhones. This control allows users to cycle through form fields on a web page, and looks like this:
What I've tried:
1. Using contenteditable divs instead of inputs in the hopes that if the browser doesn't see traditional inputs, it won't show this control
2. Removing the tabindex property
Is it possible to programmatically control the visibility of this ribbon on iOS mobile web browsers?

Angular 2 - get barcode scanner data without using HTML input/textarea

I'm creating web application which uses barcode scaner (in my case Motorola TC55).
My goal is to scan product EAN without using HTML input/textarea. Why? Because I want to prevent pop up keyboard on mobile devices. This field should be usable on desktops too (without connected scanner - to input data from keyboard).
What I've tried:
Set readonly/disabled attribute on input - mobile keyboard is hidden, but I can't set focus on this input.
Create div with contenteditable directive - keyboard is visible.
And finally (the most sofisticated so far) - create div with onClick event. After click in div I'm starting listening to keypress and saving everything until Enter key is pressed. It works fine on desktop. On mobile keyboard is hidden but keypress event is triggered only on end of scanning (Enter key).
Any other sugestions?
Disclaimer: I work for Zebra Technologies
Because you're working on a Motorola (now Zebra Technologies) TC55, you have available different options.
The easiest is to use something like Zebra's Enterprise Browser, it requires a license, but it includes some additional APIs that allows to control the additional HW of the device. In particular you've available a Barcode API that allow you to take full control of the integrated barcode scanner.
If you prefer to use something that requires a bit more hand-holding, you can take a look at this blog post that explain how to bridge between DataWedge (the application that on the Zebra Android devices is sending the barcode data as characters) and the Chrome Android Browser using WebSockets.
If you have a support contract for your TC55 you can update your device to the latest security updates and fixes. You can find more information on Zebra's Support Website.

Mobile Text Selection Context Menus (with PhoneGap or otherwise)

I'm building a web application for use with mobile devices using PhoneGap. iOS and Android show context menus with options to copy/paste, search, share, etc. when text is selected. I'd like to add an item to these menus (e.g. "add a note here"). Is there a way to do this with JS or PhoneGap?

Showing Android soft keyboard for an HTML field even when an input device is attached

There is an Android tablet with a barcode scanner connected via USB.
This tablet shows an intranet web site.
Because the Android OS detects an input device, it stops displaying the soft keyboard when focus goes into a field on the screen.
Most of the time this is fine, but there is a couple of fields for which the keyboard must be displayed.
Is there a way to trigger the soft keyboard with JavaScript or in some declarative way from an HTML page?
It is currently not an option to create a wrapper Android app that would display the web site in a WebView and trigger the keyboard via the javascript interface. This is because the WebView uses the stock Android browser, which does not support all features the web site has (the Android version is not too recent). So the tablet runs a separately installed Firefox (or Chrome, no preference).
Try using
onclick="javascript:document.getElementById('input_field_to_focus').focus();"
Refer the link:http://code.google.com/p/android/issues/detail?id=27438

Categories

Resources