タブレットのキーボードをオフにする方法

質問

JavaScriptでタブレットのソフトキーボードをオフにする手法を探しています。

タブレットのＯＳはIOS5、Android4以降です。
ブラウザは限定していませんが、最新のものを使用する予定です。

思いつく限りのキーワードでは、調べてみたのですが、明確な手法が発見できずに質問しました。
できないならできないで回答を頂きたいと思います。よろしくお願いします。

ちなみに、下記の手法のように、フォーカス取得時に、フォーカスを外すことでキーボードを出さない方法は発見できましたが、あくまでもフォーカスがある状態でキーボードをオフにする手法を探しています。

---------------------------
$('input').focus(function(){
$(this).blur();
});
---------------------------

背景　：　テキストボックスなどにフォーカスが当たると自動的に、ソフトキーボードが表示されますが、
　　　　　　別の入力パネルを画面上に用意する予定なので、ソフトキーボードの表示領域が邪魔になります。

回答No.1

fujillin

タブレットは知りませんので、まったくの想像での回答ですが…

基本的なブラウザの機能として、フォームの入力欄にフォーカスされればキー入力が有効になるように作られていると想像しますので、アドオンのようなものをインストールしないとダメではないでしょうか？
といっても、入力用キーボードを出さないアドオンなんて下手にいれたら…
ユーザは通常のＵＩを期待して（慣れて）いるので、そのようなＵＩがそもそも良いのかどうかという議論もありそうな気はしますが。

とりあえず、
＞別の入力パネルを画面上に用意する予定なので、ソフトキーボードの
＞表示領域が邪魔になります。
とのことですので、

アイデアとしてはdiv（あるいはspan）要素などを用いて、input要素を模した振る舞いをするようにスクリプトで制御してあげればキーボードは出ないと予想しますが、いかがでしょうか？
要素も入力要素を模した表示にしておけば、擬似的な入力要素として機能するでしょうし、カーソルをキャレット表示にして制御してあげればよさそう。
入力用のＵＩを作成されていらっしゃるようなので、それに応じた表示をするよう制御すればよろしいかと。

お礼

回答ありがとうございます。

確かにテキストボックスの代わりにspan等を使用すれば可能ですね。

やはりテキストボックスのままでは出来ないものなのですかね。
回答を受けた後に、私なりに調査しているのですが、
今度はひらがなの入力パネルを用意した時に、変換機能を使用できなくて困ってしまいました。