Problems with displaying and hiding text boxes and hidden layers when clicking on a blank area in js_javascript skills

When the text box gets focus, a floating layer appears below the text box.

Hide the floating layer when the user clicks on a blank space on the web page except the text box and floating layer.

When the user clicks on the floating layer, change the value of the text box.

Copy code The code is as follows:

="Content-Type" content="text/html; charset=utf-8">

style="background :#666;position:absolute;overflow:auto;display:none;padding:50px;">Click me