1

私は一種のアルファベットを兼ねる一連のアニメーション GIF 画像に取り組んでいます。それらはまだ進行中ですが、表示目的で、キーボードを使用してアルファベットを使用してテキストを書くことができるページをウェブサイトに作成したいと考えています。

簡単に言えば、キーボードの各文字キーを画像に関連付けて、押すとその画像が画面 (「テキスト ボックス」として機能する div 内) に表示されるようにしたいと思います。フォントを使用するのが好きですか？

これを本当に簡単にするライブラリやアドオンはありますか?

そうでない場合は、コーディングに関する提案をいただければ幸いです。ありがとうございました！

4

3 に答える 3

0
于 2013-08-05T18:39:57.103 に答える
0

これはjQueryで簡単に実現できるように見えます。質問自体は非常にオープンであるため、コードを書く必要はありませんが、手順は次のようになります。

  1. 関数を呼び出すonkeydown/ eventListener をドキュメントに追加します。onkeypresskeyPressed
  2. 関数内で、keyPressedどのキーがクリックされたかを確認します。キーコードはこちらで確認できます。
  3. あなたが期待するキーコードで画像を呼び出すだけです。たとえば、文字「A」を含む画像は 65.gif と呼ばれ、息子が続きます。
于 2013-08-05T18:21:24.677 に答える
0

HTML

<input id="textbox" type="text" />

jQuery

$('#textbox').keypress(function(event) {
    if ( event.which == 13 )
        event.preventDefault();

    $(document.body).append('<img src="' + String.fromCharCode(event.keyCode) + '.gif">');
});
于 2013-08-05T18:22:51.043 に答える