Prevent keyboard from popping on textbox focus/click in iPad webapps

Question

I am trying to create a custom keyboard on an iPad application. But each time the input get the focus, the native iPad keyboard pops up. How can I prevent this, in JavaScript.

Answer 1

position an absolute div with a z-index:1 on top of the text input field, and attach an onclick handler to the div that launches the keypad.

Next step would be to attach the keypad numbers to affect the value of the text field.