Mobile-side page, hide virtual keyboard

Native JS There is no way to control the phone virtual keyboard hiding and display, when the input box will automatically pop up when the focus of the virtual keyboard, many times the page has been scrolled elsewhere, the keyboard should be hidden, keyboard or not retract, at this time can be a flexible way to hide the keyboard.

First add an INPUT element to the page:

<type= "Text"  class= "Input-null"  ID= "Input-null "  readonly>

CSS as follows

{    display: block;     width: 100px;     height: 45px;     position: fixed;     Right:0;     top:0;     background: rgba (0,0,0,0);}

JS triggers this input to get the focus event (jquery notation):

$ ("#input-null"). Trigger ("focus");

Mobile-side page, hide virtual keyboard