Block the pop out of default keyboard on mobile devices

问题

How to disable or block the default keyboard when we focusing on the input textfield or textarea etc.?

I have already tried:

1. blur(), readonly. For the initial input tag. It is ok with that but the bug is users cannot select the text afterward.

2. Using div-contenteditable="true" to replace input html. However, still pop up default keyboard.

I already have my virtual keyboard, wanna find a way to disable the default one so not to cover my virtual on mobile devices.

来源：https://stackoverflow.com/questions/15351623/block-the-pop-out-of-default-keyboard-on-mobile-devices