Custom JS Keyboard

I'm trying to add my own keyboard to my website. So far, I have the keyboard, but the problem is with the input field. At first the system keyboard would show up and override mine. So I added readonly to the code, but that seems to disable the field completely. Is there any way to oppress the system keyboard while keeping the input field alive?