ねごとめも背景

ねごとめも

数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_( _´ω`)_
→ javascript,SVG で作成したプログラム置き場

テキストエリアに色付き文字を出力する { javascript }

fc2 ブログにもあるテキストエリアの文字が色付で表示出来る html エディタ。
これは、JavaScriptで動作してるのかな?
詳しくは分からないけど、{ テキストエリアに色付き文字を表示出力する } に挑戦してみました。
本格的なものは無理なので、触りの部分のみ。
テキストエリアに入力した文字を色付で表示させる所まで。

テキストエリアの文字に色をつけるには、透明なテキストエリアと pre タグを
重ねることで、それらしく動作させることが出来ました。

最初に作成したのは、 setInterval 関数でテキストエリアを監視して
文字に色を付けてましたが、
onkeypress イベントが発生したときのキャレットの正しい位置を setTimeout 関数で
遅らせる事で取得出来る事がわかりました。
なので、 setInterval 関数を使わないように修正しました。

キャレットの位置の確認 → テキストエリアのキャレットの位置の取得

JavaScript で動作するプログラムは、
こちらのサイトに置いてます → テキストエリアに色付き文字を出力する( javascript )

{ テキストエリアに色付き文字を出力する:β }

red
blue
green
purple
 red
blue
green
purple
{ 色をつけて出力する文字群 }

2017/03/16 [17:53]

カウンター

プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

02 | 2017/03 | 04
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -


PAGE TOP
広告: