Html input number is not getting numeric keyboard input

Question

Here is the input type number

<input type="Number" id="yPos" />

it is working fine and i am able to change it through mouse

But it is not getting numeric input from keyboard. How can i enable it?

Edit: I found that UnitywebGL is creating this problem otherwise the keyboard input is working correctly in html controls.

Look at your keyboard's Num Lock, if its on or off? Or change type="number" instead of Number. — Ashok Gujjar, Feb 06 '19 at 05:09
Click on tab button and go to input section after that use up and down arrow key, number will increase and decrease. — Mohit Gupta, Feb 06 '19 at 05:11
It is already working fine as you want, could it be another problem? Can you share browser info? — Sercan Paspal, Feb 06 '19 at 05:11
change type="number" (all leter in lowercase) instead of "Number" and check. — Ashok Gujjar, Feb 06 '19 at 05:12

score 0 · Accepted Answer · answered Apr 13 '19 at 06:07

Actually there is no issue with the html input field. It was related to the unity webgl:

Keyboard input and focus handling. By default, Unity WebGL will process all keyboard input send to the page, regardless of whether the WebGL canvas has focus or not. This is done so that a user can start playing a keyboard-based game right away without the need to click on the canvas to focus it first (source).

So the Unity canvas was consuming my all keyboard input. No matter I tried to enter/select my input control, it will not get input from keyboard. So I used

WebGLInput.captureAllKeyboardInput

to activate/deactive unity canvas input based on user selection.

score -1 · Answer 2 · edited Feb 06 '19 at 07:09

-1

First, correct the form. The type should be "number" without caps, i.e:

type="number"

Also check if you have turned off the num lock.

edited Feb 06 '19 at 07:09

Cody Gray - on strike

239,200
50
490
574

answered Feb 06 '19 at 05:36

Mak Web

9
2

Html input number is not getting numeric keyboard input

2 Answers2