<body>
<div class="simple-keyboard"><input type="text"></div>
</body>.simple-keyboard {
position: relative;
}
.simple-keyboard input {
position: absolute;
z-index: -1;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
}makeButtonMagic();
function makeButtonMagic() {
document.querySelector('.simple-keyboard').addEventListener('click', function () {
this.querySelector('input').focus();
})
}